[MGNLUI-4942] Vertical spacing: optimize existing sizes Created: 11/Jan/19  Updated: 20/Mar/19  Resolved: 27/Feb/19

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

Type: Improvement Priority: Neutral
Reporter: Anja von Gunten Assignee: Dai Ha
Resolution: Done Votes: 0
Labels: None
Remaining Estimate: 0d
Time Spent: 4d 4.5h
Original Estimate: Not Specified

Issue Links:
Relates
relates to MGNLUI-5029 CLONE - Path in the search result is ... 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: M6 vertical spacing
Sprint: Features 5
Story Points: 5

 Description   

 

By optimizing some existing heights we can gain more space for actual content.

 

  • change header height: 70px 
  • change responsive heights & font sizes in title space
    • L: height 125px / title font 45 / character spacing -2.7
    • M: height 100px / title font 36 / character spacing -2.2
    • S: height 60px / title font 26px / character spacing -1.6
    • Make sure this applies to all views
      • find bar
      • app launcher
      • browser view
      • form layout
      • small apps
      • (anything missing ?)
  • change row heights in tree table & grid
    • row heights: 35px
    • change $v-font-size variable to: 14px (instead of 15px, changes it globally which is ok)
    • change font style to text-light
    • change font size in title row to 12px
    • Make sure this applies to
      • Tree table
      • Grid
      • Find bar results - Excluded due to find bar result grid will be handled by MGNLUI-5029
      • (anything missing?)

 

 


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