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

Library: the select dropdown menu elements are not styled properly

    XMLWordPrintable

Details

    • 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

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

                  Dates

                    Created:
                    Updated:
                    Resolved:

                    Git Integration