[MGNLUI-4475] Improve tab bar width & ellipsis Created: 03/Jul/18  Updated: 12/Jul/18  Resolved: 11/Jul/18

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: None
Fix Version/s: 6.0

Type: Improvement Priority: Neutral
Reporter: Mikaël Geljić Assignee: Evzen Fochr
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
supersession
supersedes MGNLUI-4393 Resurface: tab bar Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Epic Link: Resurface theme
Sprint: Kromeriz 155
Story Points: 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

 


Generated at Mon Feb 12 09:16:58 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.