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

Library: the select dropdown menu elements are not styled properly

    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

          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 Source Code