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

Library: Clean up Sakai's top bar, including the sites and the profile area

    Details

    • Type: Bug
    • Status: RESOLVED
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 12.2, 19.0
    • Fix Version/s: 19.0
    • Component/s: Library
    • Labels:
    • Test Plan:
      Hide

      Ensure the top bar is visible and functioning.

      Ensure all of the items in the top bar are functioning and accessible.

      Ensure all of the items in the top bar are aligned properly in various browsers and screen widths.

      Ensure the quick dropdown menu beside a favourited site is usable and functions as expected with keyboard, mouse, and touch.

      Ensure you can log out of Sakai in both desktop and mobile views.

      Ensure you can switch roles both in a course site and a project site.

      Show
      Ensure the top bar is visible and functioning. Ensure all of the items in the top bar are functioning and accessible. Ensure all of the items in the top bar are aligned properly in various browsers and screen widths. Ensure the quick dropdown menu beside a favourited site is usable and functions as expected with keyboard, mouse, and touch. Ensure you can log out of Sakai in both desktop and mobile views. Ensure you can switch roles both in a course site and a project site.

      Description

      Clean up Sakai's top bar that contains the account link and the favourited sites. Fix the following:

      • fix the alignment and spacing of the house icon beside "Home" for the Home site (desktop view)
      • improve the hit area of the favourite sites' quick dropdown menu beside a site title (desktop view)
      • set a fix width on the tool icons under the favourite sites' quick dropdown menus (desktop view)
      • fix the alignment and spacing of the favourite sites' quick dropdown menus (desktop view)
      • review the colour customization options in SASS to ensure the favourite sites list can be modified properly (desktop view)
      • add additional hover and focus states to the favourite sites list and dropdown menus (desktop view)
      • align the Role Switch panel (particularly in mobile view)
      • restore the account menu in mobile view, so users can access their account tools and be able to log out (mobile view)

        Gliffy Diagrams

          Attachments

          1. 01-before.png
            01-before.png
            26 kB
          2. 02-after.png
            02-after.png
            25 kB
          3. 03-before.png
            03-before.png
            74 kB
          4. 04-after.png
            04-after.png
            78 kB
          5. 05-before.png
            05-before.png
            19 kB
          6. 06-after.png
            06-after.png
            20 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