Collapsible portal sidebar with full lockup expanded and icon-only when narrow

FeatureShipped· by laama.fusion· 1 day ago

Both portal sidebars (admin project rail + workspace org rail) are now collapsible. The full Hollahoop lockup (mark + wordmark) shows when expanded; just the icon mark renders in the 56px-wide collapsed rail.

New useSidebarCollapsed hook persists state to hollahoop-sidebar-collapsed, syncs across instances via custom event + storage event
SidebarCollapseToggle button (PanelLeftClose / PanelLeftOpen)
Pre-paint script in root layout pins <html data-sidebar-collapsed> before hydration so the rail never flashes the wrong width
Keyboard shortcut: Ctrl/Cmd + B (skipped if focus is in an input)
Search switches to icon variant, nav rows become icon-only with title tooltips, workspace org tree collapses to clickable org glyphs
User card in collapsed mode is an avatar pill; popover floats out to the right (left-full ml-2 w-60) so it isn't clipped
Width animates with transition-[width] duration-200

Also fixed the previously-broken BrandLockup component: it referenced PNG assets that didn't exist on disk, so it now renders the existing SVG mark + a typographic wordmark that inherits theme foreground colour.

Comments (0)

No comments yet.