From e8684f09cebaba886d8f68e2ff997a0269603866 Mon Sep 17 00:00:00 2001 From: Julius Marminge Date: Fri, 30 Oct 2026 09:28:01 +0000 Subject: [PATCH] fix(web): mobile sidebar keeps its width when shelves expand The mobile sheet's --sidebar-width used var(--spacing(3)) in an inline style. --spacing() only exists at Tailwind build time, so the browser dropped the declaration and the sheet sized to its content. Co-Authored-By: Claude Opus 5.5 --- apps/web/src/components/ui/sidebar.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/web/src/components/ui/sidebar.tsx b/apps/web/src/components/ui/sidebar.tsx index 6060a867fed7a..bb97fe65b9eb8 100644 --- a/apps/web/src/components/ui/sidebar.tsx +++ b/apps/web/src/components/ui/sidebar.tsx @@ -26,7 +26,7 @@ import { announceSidebarVisibility } from "~/lib/accessibilityAnnouncements"; const SIDEBAR_COOKIE_NAME = "sidebar_state"; const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7; const SIDEBAR_WIDTH = "16rem"; -const SIDEBAR_WIDTH_MOBILE = "calc(100vw - var(--spacing(3)))"; +const SIDEBAR_WIDTH_MOBILE = "calc(100vw - var(--spacing) * 3)"; const SIDEBAR_WIDTH_ICON = "3rem"; const SIDEBAR_RESIZE_DEFAULT_MIN_WIDTH = 16 * 16; const SIDEBAR_TITLEBAR_CONTROL_SIZE = "max-sm:[--workspace-titlebar-control-size:--spacing(8)]";