[Navigation Bar] - Add pop-ups showing the names of the side bar icons when user hovers over them

Open
#2,621 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
45/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Stale
Tech stack
typescript
Domain
frontend

Research direction

Start by locating the navigation bar and sidebar icon components, then inspect the existing sidebar expansion animation described in the issue. Add hover behavior that shows each icon's full page name, and verify that every sidebar icon displays the correct name when hovered.

Written by the indexing model from the issue text.

Description

front-end medium
Description

Add a feature so that when a user hovers their cursor over an icon in the side bar, it will show the full name of the page that the icon corresponds with (ie: hovering over the folder icon will show a popup saying "Projects").

Acceptance Criteria
  • Names of the pages show up when hovering over their respective icons in the side bar.
Proposed Solution

Add something similar to the sidebar expansion animation for when a user's cursor is in the area of an icon

Mocks

No response

Dominant language
TypeScript
Stars
36
Forks
9
Avg merge
4d 21h
Merged PRs (30d)
11

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 Northeastern-Electric-Racing/FinishLine

All issues in Northeastern-Electric-Racing/FinishLine

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.