Uploaded image for project: 'Ibexa IBX'
  1. Ibexa IBX
  2. IBX-7613

[Top header] User avatar component & User context menu UI is wrong

    XMLWordPrintable

Details

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Medium Medium
    • 4.6.2
    • 4.6.0-beta5
    • None

    Description

      Steps:
      1. Go to Ibexa (any page)
      Actual result

      User avatar component (avatar+chevron):

      • border radius looks different than on design
      • chevron behaviour is odd

      User context menu:

      • position of context menu is wrong
      • wrong spacing between name of logged user and toggle
      • wrong font color for toggle tabled (focus mode)
      • wrong color to item on list (current #000)
      Expected result

      Avatar component: 

      • border radius changed to 16px (so it look like on design)
      • chevron should be down when menu is collapsed and up when is active (currently it changes when clicked, so we have different ones - look at attachments)

      Uset context menu:

      • position of context menu: align to right side & 4px above
      • spacing between name of logged user and toggle should be 12px, not 8px
      • font color for toggle label (focus mode) should be dark main: #131C26
      • color to item on list should be dark main: #131C26

      Designs

        Attachments

          Activity

            People

              Unassigned Unassigned
              ida.matysiak@ibexa.co Ida Matysiak
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: