Skip to content

fix: align template selector icon and show description only in dropdown#121

Open
Manav5234 wants to merge 2 commits into
Debmallya-03:mainfrom
Manav5234:fix/template-selector-alignment
Open

fix: align template selector icon and show description only in dropdown#121
Manav5234 wants to merge 2 commits into
Debmallya-03:mainfrom
Manav5234:fix/template-selector-alignment

Conversation

@Manav5234
Copy link
Copy Markdown
Contributor

Fixes #109

Problem

  • Template selector icon was misaligned and appearing outside the trigger box
  • Template description was showing inside the trigger when a template was selected, making it look broken

Fix

  • Added textValue={template.name} on each SelectItem so trigger shows only the name
  • Wrapped icon in shrink-0 span to keep it aligned with the template name
  • Used data-description attribute with CSS selector on trigger to hide description inside trigger only
  • Description still fully visible in the dropdown list

Before & After

BEFORE
Screenshot 2026-05-25 102213
AFTER
Screenshot 2026-05-25 102603

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 25, 2026

@Manav5234 is attempting to deploy a commit to the debmallya-03's projects Team on Vercel.

A member of the Team first needs to authorize it.

@netlify
Copy link
Copy Markdown

netlify Bot commented May 25, 2026

Deploy Preview for webifynet failed. Why did it fail? →

Name Link
🔨 Latest commit e8b7549
🔍 Latest deploy log https://app.netlify.com/projects/webifynet/deploys/6a13d89651793a0008a5782b

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

bug: Template selector placeholder missing and header layout broken on mobile

1 participant