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

Improve tab bar width & ellipsis

XMLWordPrintable

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

      • 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

       

        Acceptance criteria

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

                Created:
                Updated:
                Resolved:

                  Task DoD