nodejs.org icon indicating copy to clipboard operation
nodejs.org copied to clipboard

layout gets messed up at some viewport sizes

Open Trott opened this issue 2 years ago • 1 comments

URL:

https://nodejs.org/en/

Browser Name:

Chrome

Browser Version:

110.0.5481.100

Operation System:

macOS Ventura 13.2.1

How to reproduce the issue:

Upper left logo and the horizontal nav conflict when the viewport is around 680 pixels wide or so. There's a similar problem with the icons on the upper left.

image

Trott avatar Mar 09 '23 14:03 Trott

It must be from before the migration when I modified the header

AugustinMauroy avatar Mar 09 '23 14:03 AugustinMauroy

Still happening but differently/only with the stuff at the end of the header. Note the dark mode/light mode switcher and the translation picker in this screenshot: image

Trott avatar Mar 26 '23 15:03 Trott

I can take it if nobody's working on it already. Looks like we have a fixed nav height and it is not correct for smaller screens

rodion-arr avatar Mar 27 '23 13:03 rodion-arr

Feel free to work on that.

ovflowd avatar Mar 27 '23 13:03 ovflowd