Skip to content

[UI/UX] Add hover tooltips to tech stack icons on project cards#475

Closed
lb1192176991-lab wants to merge 1 commit into
devpathindcommunity-india:masterfrom
lb1192176991-lab:feature/tooltip-tech-stack-463
Closed

[UI/UX] Add hover tooltips to tech stack icons on project cards#475
lb1192176991-lab wants to merge 1 commit into
devpathindcommunity-india:masterfrom
lb1192176991-lab:feature/tooltip-tech-stack-463

Conversation

@lb1192176991-lab
Copy link
Copy Markdown

@lb1192176991-lab lb1192176991-lab commented Jun 1, 2026

What

Adds hover tooltips to each technology badge in the component using the existing Radix UI Tooltip component.

Why

New developers might not recognize all technology icons/badge names. Hovering over a tech stack badge now reveals the technology name in a tooltip, making the UI more inclusive and informative.

Testing

  • Uses existing Tooltip component already in the codebase
  • TooltipProvider wraps each individual badge
  • Tooltip appears on hover with proper side=top positioning
  • Existing layout and functionality unchanged

Fixes #463

Wraps each technology badge with Radix UI Tooltip so hovering
reveals the technology name. Helps new developers who may not
recognize all tech stack icons.
@Aditya948351 Aditya948351 self-requested a review June 2, 2026 06:52
Copy link
Copy Markdown
Collaborator

@Aditya948351 Aditya948351 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! Approved. Great work on this.

@Aditya948351 Aditya948351 added gssoc26 This is a official GirlScript Summer of Code label. type:design level:beginner Beginner level issues labels Jun 2, 2026
@Aditya948351
Copy link
Copy Markdown
Collaborator

⚠️ Warning: Thank you for your interest in contributing! However, we are closing this PR because you submitted it directly without first being assigned to the issue. This bypasses our contributing guidelines and makes it difficult to manage tasks fairly. Please comment on issues to request assignment and wait for maintainer approval before opening Pull Requests in the future.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc26 This is a official GirlScript Summer of Code label. level:beginner Beginner level issues type:design

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[UI/UX] Add Hover Tooltips to Tech Stack Icons on Project Cards

2 participants