linkdotnet / linkdotnet/Blog

Navbar rework/improvements

Open
#501 6 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

good first issue
Dominant language
C#
Stars
428
Forks
95
Avg merge
3m
Merged PRs (30d)
7

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:
Image

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

**Idea to save space:**
Image

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

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No file or test is named in the issue. Start by locating the navbar entry point and reproducing the reported layouts with search and the support icon enabled; done means the navbar avoids wrapping or overlap during resizing and the proposed icon behavior is agreed and tested.

Written by the indexing model from the issue text.

Assessment

Tech stack
csharp
Domain
frontend, web-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.