Skip to content

feat: overlay fill, stacked tooltips, whole names in member-combobox - #91

Merged
zyx1121 merged 1 commit into
mainfrom
feat/overlay-fill
Oct 23, 2026
Merged

zyx1121 merged 1 commit into
mainfrom
feat/overlay-fill

Conversation

@zyx1121

@zyx1121 zyx1121 commented Oct 23, 2026

Copy link
Copy Markdown
Member

Feedback from /rooms on portal.dev: dialogs were too see-through over the room grid, a tooltip with several lines set them side by side, and the member menu cut names to one character.

  • New overlay token (light oklch(1 0 0 / 85%), dark oklch(0.145 0 0 / 85%)) in the base cssVars and app/globals.css; bg-overlay on dialog, alert-dialog, dropdown-menu, popover, select and sonner surfaces. Backdrops stay frosted with no fill. DESIGN.md updated.
  • tooltip: flex flex-col items-start gap-1 instead of inline-flex items-center.
  • member-combobox: the name no longer truncates; the email does.

Test plan

  • typecheck, lint, format, tokens:check, theme:check, registry:build (sandbox)
  • portal /rooms after pulling the items

🤖 Generated with Claude Code

Overlays were bare frosted glass, so on a busy page the fields read over
whatever sat behind them. A new overlay token (the background at 85%)
fills dialogs, alert dialogs, menus, popovers, selects and toasts; the
dialog backdrop stays unfilled. Tooltips stack their lines instead of
setting them side by side, and member-combobox keeps a member's name
whole and truncates the email.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@zyx1121
zyx1121 merged commit 197ab40 into main Oct 23, 2026
2 checks passed
@zyx1121
zyx1121 deleted the feat/overlay-fill branch October 23, 2026 09:22
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