matrix-org / matrix-org/matrix.org

Navbar feels incredibly huge on desktop browsers

Open Beginner friendly
#3,553 0 comments 0 reactions 0 assignees View on GitHub
aesthetic
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...

Image

Image

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:

Image

Image

Contributor guide

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.