Skip to content

Make side menu pills hug their titles - #5

Open
lovisas12 wants to merge 1 commit into
mainfrom
side-menu-fit-pills
Open

lovisas12 wants to merge 1 commit into
mainfrom
side-menu-fit-pills

Conversation

@lovisas12

Copy link
Copy Markdown
Collaborator

Hi Daniel! A small detail on the side menu (seen on the Industries page).

The active and hover pill now hugs the title instead of spanning the whole menu, with the same small overhang on both sides. Short titles like "Media" or "Voice AI" no longer get a wide, mostly empty pill, and it matches the other pills on the site (the industry chips, buttons).

  • width: fit-content on the menu links, capped so long titles still fit
  • The pill's ::before now overhangs on the right too, so the padding is even

This is the shared side-menu.scss, so it applies to every side menu page. Tested locally on /industries.

🤖 Generated with Claude Code

The active and hover pill now fits the title instead of spanning the
whole menu, with the same small overhang on both sides. Short titles
like "Media" no longer get a wide, mostly empty pill.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

This branch has not been deployed

No deployments
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.

1 participant