Northeastern-Electric-Racing / Northeastern-Electric-Racing/FinishLine
[Maintenance] - Remove scrollbar from sidebar
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 36
- Forks
- 9
- Avg merge
- 4d 21h
- Merged PRs (30d)
- 11
Description
Description
Remove the horizontal scrollbar from the top of the sidebar menu.
Optional, Not required: Style a horizontal bar to take its place.
According to the request, this appears to happen in Firefox. However from my tests it also happens on Safari which means this affects multiple browsers.
Acceptance Criteria
- Scroll bar is gone
- Optional: A stylized bar takes its place (https://dev.to/nickbenksim/styling-the-scrollbar-in-all-modern-browsers-1l4h)
Proposed Solution
- Set the prop's CSS to remove the scrollbar all-together) (scrollbar-width, hint hint)
- If you choose to design a new one, read up on the article posted above as it is a very helpful guide on how to CSS a custom scrollbar.
Mocks
No response
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the sidebar menu component and the CSS prop or styles controlling its horizontal overflow. Reproduce the issue in Firefox and Safari, then verify that the horizontal scrollbar is gone; an optional styled replacement is not required.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100