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

Library: the select dropdown menu elements are not styled properly

    XMLWordPrintable

    Details

    • Test Plan:
      Hide

      Throughout Sakai:

      • ensure that dropdown menus are legible
      • ensure that dropdown menus are functional
      • ensure that dropdown menus are accessible
      • ensure that disabled dropdown menus are clear that they are disabled (and contrast from enabled menus)
      • ensure that disabled dropdown menus are functional
      • ensure that disabled dropdown menus are accessible
      • ensure that multi-select menus (such as the examples provided in the issue's description) are legible
      • ensure that multi-select menus do not have a down arrow in them (see before screenshot)
      Show
      Throughout Sakai: ensure that dropdown menus are legible ensure that dropdown menus are functional ensure that dropdown menus are accessible ensure that disabled dropdown menus are clear that they are disabled (and contrast from enabled menus) ensure that disabled dropdown menus are functional ensure that disabled dropdown menus are accessible ensure that multi-select menus (such as the examples provided in the issue's description) are legible ensure that multi-select menus do not have a down arrow in them (see before screenshot)

      Description

      The <select> element is not styled properly: the default state is dark and there is no disabled state:

      Multi-select menus using the <select> element (such as on Home > Calendar (widget) > Options, and on Site Info > Manage Groups > Create New Group) also need to be fixed to remove the dropdown background that is being applied to them:

      These elements needs to be restyled to better define their states and make them consistent with the other form elements.

        Gliffy Diagrams

          Zeplin

            Attachments

            1. select-after.png
              select-after.png
              22 kB
            2. select-before.png
              select-before.png
              22 kB
            3. selectMulti-after.png
              selectMulti-after.png
              10 kB
            4. selectMulti-before.png
              selectMulti-before.png
              10 kB

              Issue Links

                Activity

                  People

                  Assignee:
                  sfoster9 Shawn Foster
                  Reporter:
                  sfoster9 Shawn Foster
                  Votes:
                  0 Vote for this issue
                  Watchers:
                  2 Start watching this issue

                    Dates

                    Created:
                    Updated:
                    Resolved:

                      Git Integration