[MGNLUI-5783] [Restyling] Change style in tab sheets Created: 31/Mar/20 Updated: 11/May/20 |
|
| Status: | Open |
| Project: | Magnolia UI |
| Component/s: | widgetset |
| Affects Version/s: | None |
| Fix Version/s: | None |
| Type: | Task | Priority: | Neutral |
| Reporter: | Antti Hietala | Assignee: | Unassigned |
| Resolution: | Unresolved | Votes: | 0 |
| Labels: | None | ||
| Remaining Estimate: | Not Specified | ||
| Time Spent: | Not Specified | ||
| Original Estimate: | Not Specified | ||
| Attachments: |
|
||||||||||||||||
| Issue Links: |
|
||||||||||||||||
| Template: |
|
||||||||||||||||
| Acceptance criteria: |
Empty
|
||||||||||||||||
| Task DoR: |
Empty
|
||||||||||||||||
| Epic Link: | Merge preview features | ||||||||||||||||
| Description |
|
MGNLUI-5777 introduces tabs into the action bar. In relation to that the main tab sheet needs to look hierarchically more important than the tabs in the new action bar. The main tab sheet has to be the primary visual anchor and orientation for the user so he's knows where (in the application) he is. The tabs in new action bar are secondary. So for the main tab sheet we are proposing to increase the font size and change characters to upper case. 1) Primary tab sheet: Restyle the main tab sheet as specified here:
2) Rename the sub app tabs so it is clear what the tab stands for:
3) Secondary tab sheet: Restyle tab sheet in form layout so they align with the ones in the new action bar
|