Skip to content

Polish profile popover, pricing modal spacing, and dropdown hover styling - #5752

Open
cmgardella wants to merge 2 commits into
ai-assistant-panel-design-polishfrom
profile-popover-and-dropdown-polish
Open

Polish profile popover, pricing modal spacing, and dropdown hover styling#5752
cmgardella wants to merge 2 commits into
ai-assistant-panel-design-polishfrom
profile-popover-and-dropdown-polish

Conversation

@cmgardella

Copy link
Copy Markdown
Contributor

Summary

  • Restyled the profile popover: lighter divider color, teal "Upgrade Plan" CTA matching "Sign Out"'s style/font, custom hover colors for the black and teal buttons, removed the credit icon next to "Not available on Free plan", flat #EFEDED daily-grant note with no border, and precise 20px spacing around the "Buy more credits" CTA
  • Added 50px of space above the pricing modal's headline while keeping scroll-snap stable via a matching scroll-padding-top
  • Added a 100%-opacity white stroke on hover for the search, AI assistant, and profile avatar icon buttons, matching the rest of the app's icon-button hover treatment
  • Made the workspace chooser's "View All" sort dropdown and the hosted-site-url dropdown's hover state span edge-to-edge like the standard boxel dropdown/menu pattern, instead of being inset from the platter

Stacked on #5728 so this diff only shows the new changes.

Test plan

  • Open the pricing modal (avatar menu → Upgrade Plan) and confirm the headline has breathing room at top and scroll-snap still works
  • Open the profile popover and confirm Upgrade Plan/Sign Out/Buy more credits styling and spacing
  • Hover the search, AI assistant, and avatar icon buttons and confirm the white stroke goes to full opacity
  • Open the workspace chooser "View All" dropdown and a workspace's hosted-site-url dropdown and confirm hover fills edge-to-edge

🤖 Generated with Claude Code

- Fix skill-selector footer buttons touching with no gap when stacked;
  size them to content and lay out via flex-wrap
- Remove leftover scroll-shadow ("chin") artifact on the LLM select list
  and restyle its footer actions to match the skill-menu pill buttons
- Resize the Past Sessions popover to inset 30px from both panel edges,
  match its header font to the panel title, and restyle background,
  border, dividers, and hover colors
- Fix a nested double-stroke on the session "more options" dropdown by
  neutralizing the wormholed BoxelDropdown content wrapper's own border/shadow
- Auto-close the "more options" dropdown on mouse-out (hover-intent debounce)
  instead of requiring a click elsewhere, and clear lingering focus styling
- Give the currently-active session row a hover state even while its
  options menu is open
- Restyle the workspace chooser's "View All" sort dropdown (default state
  matches the chooser background; open state uses a dark platter with a
  white 25%-opacity stroke, white text, and a teal active-item checkmark)
…ling

- Restyled the profile popover: lighter divider, teal Upgrade Plan CTA
  matching Sign Out's style/font, custom hover colors for black/teal
  buttons, removed the credit icon next to "Not available on Free
  plan", flat #EFEDED daily-grant note with no border, and precise
  20px spacing around the Buy More Credits CTA
- Added 50px of breathing room above the pricing modal's headline
  while keeping scroll-snap stable via matching scroll-padding-top
- Added a 100%-opacity white stroke on hover for the search, AI
  assistant, and profile avatar icon buttons, matching the rest of
  the app's icon button hover treatment
- Made the workspace chooser's "View All" sort dropdown and the
  hosted-site-url dropdown's hover state span edge-to-edge like the
  standard boxel dropdown/menu pattern, instead of being inset from
  the platter
@github-actions

github-actions Bot commented Aug 12, 2026

Copy link
Copy Markdown
Contributor

Preview deployments

Host Test Results

    1 files      1 suites   3h 1m 30s ⏱️
3 883 tests 3 869 ✅ 14 💤 0 ❌
3 902 runs  3 888 ✅ 14 💤 0 ❌

Results for commit 775b9f5.

Realm Server Test Results

    1 files      1 suites   14m 42s ⏱️
2 086 tests 2 086 ✅ 0 💤 0 ❌
2 165 runs  2 165 ✅ 0 💤 0 ❌

Results for commit 775b9f5.

@burieberry
burieberry force-pushed the ai-assistant-panel-design-polish branch 4 times, most recently from a240bde to f464a63 Compare August 14, 2026 20:01
@burieberry burieberry assigned burieberry and unassigned lukemelia Aug 14, 2026
@burieberry
burieberry force-pushed the ai-assistant-panel-design-polish branch 11 times, most recently from 12fefc3 to 15e5032 Compare August 18, 2026 18:04
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.

3 participants