linkdotnet/Blog

Navbar rework/improvements

Open

#501 opened on Mar 4, 2026

View on GitHub
 (5 comments) (1 reaction) (0 assignees)C# (93 forks)auto 404
good first issue

Repository metrics

Stars
 (423 stars)
PR merge metrics
 (PR metrics pending)

Description

Making this it's own issue as some discussion was happening in: https://github.com/linkdotnet/Blog/pull/500#issuecomment-3995627954. This PR will add a new icon to the navbar, and users can also configure a support me icon as well - which can cause wrapping and space issues for the navbar.

Some issues: Vertical monitor 1080x1920 when opening search on navbar:

Horizontal monitor 1920x1080 when resizing browser right before the navbar changes to the menu button:

Idea to save space:

This is probably to niche to add as a config option, but while thinking about this problem I think personally, I would like the search bar to always be full size so it does not shift the icons.

I don't plan to do a PR for this but happy to discuss and test, thanks!

Contributor guide

Research direction
Explore responsive CSS techniques to handle navbar overflow and search bar alignment, considering flexible layouts and media queries.
Tech stack
csharp
Domain
frontend
Issue type
Refactor
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
CSSResponsive design
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70