matrix-org / matrix-org/matrix.org
Navbar feels incredibly huge on desktop browsers
- Dominant language
- JavaScript
- Stars
- 616
- Forks
- 463
- Avg merge
- 2d 3h
- Merged PRs (30d)
- 19
Description
Navbar feels very tall on desktop browsers, Firefox' devtools indicate ~97px of navbar irrespective of viewport size...
Just as an experiment, I've tried unsetting `.site-header {height}` and applying `.site-header .brand img {margin-bottom: 8px; margin-top: 8px;}` instead, and it feels a lot closer to something sensible, without removing any of the legibility issues of the logo, or sizing of anything else in the navbar:
Contributor guide
Research direction
Start by locating the `.site-header` and `.site-header .brand img` styles in the website's frontend code and compare their desktop behavior across viewport sizes. The work is done when the desktop navbar is no longer approximately 97px tall while the logo remains legible and the other navbar sizing is preserved.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript
- Domain
- design, frontend, web-dev
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100