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

Improve tab bar width & ellipsis

    XMLWordPrintable

Details

    • Improvement
    • Resolution: Fixed
    • Neutral
    • 6.0
    • None
    • None
    • None
    • Kromeriz 155
    • 5

    Description

      • Width is flexible with a minimum and a maximum width (see zeplin)
        • Currently, 1. flexible width doesn't seem to be there.
      • Then, if text reaches max width, then the ellipsis shows up.
        • Currently, 2. the ellipsis doesn't seem to play well with the tab icon
      • The close button should also be accounted for, for size calculation (hence ellipsis presence/absence). It should be styled too.
      • Validate behavior re: hidden tabs (is the Vaadin sampler the real default, or do we still need to provide a custom solution). Anja's preference is to use the Vaadin "default" two arrows design (< >). If the two-arrow mechanism is not available by default we don't do it in this ticket, create a new one.

      Find specs and mockups for the above here

      https://zpl.io/aRYdXRN

       

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                efochr Evzen Fochr
                mgeljic Mikaël Geljić
                Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoD