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

Library: fix a number of issues with the tool menu

    Details

    • 19 status:
      Verified
    • Test Plan:
      Hide

      Test the tool menu in a variety of browsers (including IE, Edge, Safari, Firefox, and Chrome) on different platforms (desktops, tablets, phones)

      Test the tool menu using all possible configurations of the following possible options:

      • desktop open
      • desktop collapsed
      • mobile
      • icon on the left of the tool title (default)
      • icon stack on tool title (changed via SASS variable change)
      • have some hidden tools (use Site Info > Tool Order to make "invisible")
      • create multiple sites and link them together as subsites (use Site Info > Link to Parent Site)
      • display subsites as a flyout (default)
      • display subsites in the tool menu (changed via sakai.properties)
      • display Lessons without subpages (default)
      • display Lessons with subpages in the tool menu (use Site Info > Manage Tools to "Enable Lessons subpage navigation")

      Ensure the following has been fixed:

      • ensure the tool menu collapse button doesn't overlap the last tool when the tool menu is longer than the height of the main content (short page with lots of tools)
      • ensure the hidden tool "eye" icon is vertically centred/aligned with the tool icon and tool title
      • ensure tool titles have accessible text contrast when the tool is hidden
      • ensure the tool menu collapse button's focus makes sense
      • ensure the tool icons don't jitter/shutter/move/shift when the tool menu is collapsed
      • ensure the subsites popout is aligned to the launching link and that there are no straggling list item bullets
      • ensure the subsites titles are visible on the popout when appropriate
      • ensure the Lessons subpage navigation in the tool menu is integrated well to match the other tool items
      Show
      Test the tool menu in a variety of browsers (including IE, Edge, Safari, Firefox, and Chrome) on different platforms (desktops, tablets, phones) Test the tool menu using all possible configurations of the following possible options: desktop open desktop collapsed mobile icon on the left of the tool title (default) icon stack on tool title (changed via SASS variable change) have some hidden tools (use Site Info > Tool Order to make "invisible") create multiple sites and link them together as subsites (use Site Info > Link to Parent Site) display subsites as a flyout (default) display subsites in the tool menu (changed via sakai.properties) display Lessons without subpages (default) display Lessons with subpages in the tool menu (use Site Info > Manage Tools to "Enable Lessons subpage navigation") Ensure the following has been fixed: ensure the tool menu collapse button doesn't overlap the last tool when the tool menu is longer than the height of the main content (short page with lots of tools) ensure the hidden tool "eye" icon is vertically centred/aligned with the tool icon and tool title ensure tool titles have accessible text contrast when the tool is hidden ensure the tool menu collapse button's focus makes sense ensure the tool icons don't jitter/shutter/move/shift when the tool menu is collapsed ensure the subsites popout is aligned to the launching link and that there are no straggling list item bullets ensure the subsites titles are visible on the popout when appropriate ensure the Lessons subpage navigation in the tool menu is integrated well to match the other tool items

      Description

      There are a number of issues with the main tool menu, including:

      • the tool menu collapse button overlaps the last tool when the tool menu is longer than the height of the main content (short page with lots of tools)
      • the hidden tool "eye" icon is not aligned with the tool icon and tool title
      • tool titles have low text contrast when the tool is hidden
      • the tool menu collapse button is out of order (appearing at the bottom of the page but being the first item in the tool menu to get focus)
      • tool icons jitter/shutter/move/shift when the tool menu is collapsed
      • subsites popout is misaligned and shows the list item's bullet
      • subsites popout hides site titles when tool menu is collapsed
      • the top tool in the tool menu jitters when the tool menu is collapsed and you hover over it
      • Lessons subpage navigation in the tool menu needs to be better integrated to match the other tool items
      • minor fixes need to be made to the various display views for the tool menu (open, collapse, mobile, wide menu, narrow menu, in-menu subsites, floating subsites)

      Before:

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Assignee:
                  kedwar1 Kendra Edwards
                  Reporter:
                  sfoster9 Shawn Foster
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  3 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:

                    Git Source Code