scania-digital-design-system/sdds

Header - Design improvement for app launcher menu and typography change

Closed this issue · 2 comments

  • In the app launcher, typography for "Category title" should be changed from "detail-06" to "headline-07"
  • App launcher menu dropdown goes fullscreen only on small screen, add some space on medium screen

See #147

AB#860

AB#913

– We would like to get rid of detail-06 in SDDS typography styles, so for the category name, use headline-07 instead (Scania Sans Semi Condensed Bold, 14px/3,5rem)
current:
Screenshot 2021-06-01 at 14 49 18

with headline-07:
Screenshot 2021-06-01 at 16 20 23

Global menu on small screens:
I would keep a space on the right, like in the basic navigation, the white rectangle on the header and the white bloc of the expanded menu should be aligned

Current:
Screenshot 2021-06-01 at 16 28 28

Design example
Screenshot 2021-06-01 at 16 31 12
Screenshot 2021-06-01 at 16 32 28

Global menu on Medium screens:
Should follow the same logic as Mobile, by leaving space on the right and align the white blocks

Screenshot 2021-06-01 at 16 28 46

Unless there is a specific reason to not do the same?

Originally posted by @vichtertz in #147 (comment)

Only make it full screen on Mobile, keep the space on the left on Medium screen:

Screenshot 2021-06-02 at 10 01 18

Originally posted by @vichtertz in #147 (comment)