navbar vis

Open Beginner friendly
#194 0 comments 0 reactions 1 assignee View on GitHub

@chanabyte is already working on this.

Since Sep 14, 2026.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
65/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Active
Tech stack
typescript
Domain
frontend

Research direction

Look for the navbar component in the frontend codebase, likely in a components directory. Inspect the CSS for scrolling behavior and the positioning of the maximize/collapse icons. The goal is to adjust the scroll range and spacing so all tabs are fully visible and clickable without overlap. Test by running the app and interacting with the navbar.

Written by the indexing model from the issue text.

Description

frontend Status: Invalid

Context

Currently when hovering over the navbar, the maximize icon and the collapse icon are covering statistics and scrolling the navbar does not leave a satisfying amount of space to actually click statistics.

A/C

  • Navbar can be scrolled slightly further
  • All tabs should be able to be completely visible and clicking doesn't feel awkward or like target practice
Dominant language
TypeScript
Stars
9
Forks
1
Avg merge
2d 27m
Merged PRs (30d)
12

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.

More from acmutd/bsg

All issues in acmutd/bsg

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.