Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-42942 Parent Issue for any bugs found regarding the new skin for Sakai 20
  3. SAK-43140

Feature Request - Sakai 20 New Skin - Consider outline for the elements of a site tab in the sites bar when hover or active

    XMLWordPrintable

Details

    • Sub-task
    • Status: RESOLVED
    • Minor
    • Resolution: Fixed
    • 20.0, 20.1, 20.2, 21.0, 22.0 [Tentative]
    • 21.0, 22.0 [Tentative]
    • Library, Portal
    • Hide

      If the proposal is chosen by the community...

      1. Open Sakai in a computer web browser (not the mobile view)
      2. Add a project or course site (if one does not exist already)
      3. Favorite the site (if it is not favorited automatically)
      4. Reload the window if necessary
      5. Hover the mouse or tab to the separate elements of the site tab – in addition to the slight color change for each discreet item, there should also be a one-pixel, black border around the selected element.
      Show
      If the proposal is chosen by the community... Open Sakai in a computer web browser (not the mobile view) Add a project or course site (if one does not exist already) Favorite the site (if it is not favorited automatically) Reload the window if necessary Hover the mouse or tab to the separate elements of the site tab – in addition to the slight color change for each discreet item, there should also be a one-pixel, black border around the selected element.
    • Merged

    Description

      PURPOSE

      This is an aesthetics item, so it's a feature request, not a bug. The UI/UX groups should review to determine if this suggestion would help the overall community.

      PROPOSAL

      We are currently using a single-pixel border around the elements of the site tabs in the sites bar. For sighted users, this can be an added element to indicate that an item is highlighted or available for selection, in addition to the slight color change.

      Current design on Trunk (as of February 2020; image of site "tab" with the quick menu portion of the tab/button highlighted):

      Suggestion with 1-pixel black border when quick menu portion of the site "tab" is highlighted:

      In many situations, subtle differences can be elegant and modern. In some situations, though, an element may be too subtle to be noticed. This proposal suggests that adding the border as well as the color change can better help a sighted user recognize items or elements in the interface that are available for interaction.

      Just an idea!

      Gliffy Diagrams

        Zeplin

          Attachments

            Activity

              People

                profmikegreene Michael Greene
                alanregan Alan Regan
                Votes:
                0 Vote for this issue
                Watchers:
                6 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Git Integration