Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-30542 Portal - Morpheus issues from Test Fests
  3. SAK-30606

Styled tool menu toggle button to work for mouse and finger

    XMLWordPrintable

    Details

    • Type: Sub-task
    • Status: Verified
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 11.0, 12.0
    • Fix Version/s: 11.0, 12.0
    • Component/s: morpheus
    • Labels:
    • 11 status:
      Resolved

      Description

      The toggle button in the tool menu lacked distinction from the tools in the menu.

      I've made the following changes:

      • added subtle differences to the look of the button to make it visually distinct from the tools in the tool menu
      • moved the arrow icon out of the vertical alignment of the tool icons in the menu
      • added a slight animation to show the change to the icon's orientation between the two states
      • gave the button a hover state for mouse users
      • made the button slightly larger for touch users
      • fixed alignment issues of the icon caused by rotating the arrow

      See my "before" and "after" screenshots for visual representation of the changes.

        Gliffy Diagrams

          Zeplin

            Attachments

            1. 01-before.png
              01-before.png
              45 kB
            2. 02-after.png
              02-after.png
              45 kB
            3. 03-before-minimized.png
              03-before-minimized.png
              42 kB
            4. 04-after-minimized.png
              04-after-minimized.png
              42 kB
            5. ViewSiteAs1.png
              ViewSiteAs1.png
              11 kB
            6. ViewSiteAs2.png
              ViewSiteAs2.png
              33 kB

              Activity

                People

                Assignee:
                mkelsey Molly Kelsey (Inactive)
                Reporter:
                sfoster9 Shawn Foster
                Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved:

                    Git Integration