Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-44541

Check boxes/radio buttons floating above associated text at small window size

    XMLWordPrintable

    Details

    • Test Plan:
      Hide

      Steps to reproduce:

      1. Navigate to one of the tools listed in components
      2. Reduce browser window to 500px
      3. Open each tool tab and note the spacing between the radio buttons/check boxes for each tab
      Show
      Steps to reproduce: Navigate to one of the tools listed in components Reduce browser window to 500px Open each tool tab and note the spacing between the radio buttons/check boxes for each tab

      Description

      See screenshots. The padding/wrapping of radio buttons and text boxes (most notably at small screen sizes) is inconsistent from tool to tool. Some have too much space, some not enough and some drop to the separate lines (issue for accessibility). The list of tools impacted is not exhaustive.

       

      This is an issue for almost all tools that have radio buttons or check boxes. Attached are screenshots where the text and associated radio button/check box are on different lines. 

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                Assignee:
                profmikegreene Michael Greene
                Reporter:
                kelseymolly Molly Kelsey
                Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                  Dates

                  Created:
                  Updated:

                    Git Integration