Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-4905

Header polish: unify hover/click pattern

    XMLWordPrintable

Details

    • Improvement
    • Resolution: Done
    • Neutral
    • 6.1
    • None
    • None
    • None

    Description

      To unify the hover/click pattern for the menu items we introduce a little arrow in top right corner of menu box.

      • See fx. this mockup https://zpl.io/bAqLJ1p
      • The arrow has font size 16px
      • On hover show a grey circle, color 16x16px, same style as other icon buttons
      • For tasks & notifs: clicking the arrow opens the app
      • For user profile: clicking:the arrow shows the select menu (edit user profile & logout)
      • Change icon in profile select menu from user to settings icon (because we now use the user icon in the header already)

       

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                mdivilek Milan Divilek
                avongunten Anja von Gunten
                Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoD