BGDIINF_SB-2784 : fix Swiss flag position on smaller devices#375
BGDIINF_SB-2784 : fix Swiss flag position on smaller devices#375
Conversation
Wrap Swiss flag in div to better center it, this way its position centered in the space it is given
ltshb
left a comment
There was a problem hiding this comment.
The icon is not fully horizontally centered, the search bar adds a margin on the left which make the icon not in the center. Sorry I'm a bit picky 😉
in order to enable the content of the header to be vertically centered by the flexbox. Otherwise, as it was also present in the same container as the search bar, the height of the disclaimer was taken into account when placing the search bar input at the vertical center of the header. This then covers what was intended for the ticket BGDIINF_SB-2259
|
So I had some issue placing them correctly, with the dev site warning in the mix. So I resorted to moving this disclaimer elsewhere, a bit more prominent too, and adapted the menu height in the process. |
ltshb
left a comment
There was a problem hiding this comment.
I like the new test site disclaimer very good idea.
Just one more minor issue:
The menu button on mobile when not on focus is dark grey and don't have any spaces between search bar
|
mmh... a little left margin for this button could be good, yes |
Wrap Swiss flag in div to better center it, this way its position centered in the space it is given
replaces #374
Test link