mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-14 21:01:08 +02:00
ea1c9c1364
Two problems made the switcher unusable inside the PillNav: 1. Menu was getting clipped — .pill-nav-container has overflow-x: auto, which hides any position: absolute child that extends past the bar. Switched to position: fixed with getBoundingClientRect coordinates (same pattern @mana/shared-ui PillDropdown uses). Menu now escapes the bar container cleanly and opens upward on the viewport. 2. Trigger and menu didn't match Pill design tokens. Rewrote the styles to mirror Pill.svelte: pill-shaped 36px height, box-shadow, hsl(var(--color-card)) background, hsl(var(--color-border)) border, active-state color-mix with --pill-primary-color, dark-mode variant. Other polish: - Replaced per-type colored backgrounds with a small type-dot + a proper type-label chip inside each menu row. Matches the tone of the type chips used elsewhere, and the chip adapts to dark mode. - Full-viewport backdrop button captures click-outside at z=1500. - Menu z=1501, create dialog z=1601 so the stack is well-ordered (PillNav=1000, menu=1501, dialog=1601). - Chevron rotates on open (matches other PillDropdown affordances). - Resize/scroll listeners reposition the menu while it's open so the anchoring survives layout changes. - SpaceCreateDialog's backdrop + dialog z-index bumped from 200/201 to 1600/1601 so it sits above the menu that spawned it. 0 errors across 7201 files. Plan: docs/plans/spaces-foundation.md Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| api | ||
| calc/packages/shared | ||
| calendar | ||
| cards | ||
| chat | ||
| citycorners | ||
| contacts | ||
| context | ||
| docs | ||
| food | ||
| guides | ||
| inventory | ||
| mana | ||
| manavoxel | ||
| memoro | ||
| moodlit | ||
| mukke | ||
| news | ||
| photos | ||
| picture | ||
| plants | ||
| presi | ||
| questions | ||
| quotes/packages/content | ||
| skilltree | ||
| storage | ||
| times | ||
| todo | ||
| traces | ||
| uload | ||