diff --git a/src/sw/sw-stories.css b/src/sw/sw-stories.css index e7e06b8..ddb63e3 100644 --- a/src/sw/sw-stories.css +++ b/src/sw/sw-stories.css @@ -6,7 +6,9 @@ .sw-story-responsive { container-type: inline-size; } .sb-page:has(.sw-story-responsive) { container: sw-story-page / inline-size; } .sw-story-responsive-wide { width: 1920px; max-width: none; margin-inline: calc((100% - 1920px) / 2); } -@container sw-story-page (max-width: 1999.98px) { .sw-story-responsive-wide { display: none; } } +/* sw-story-responsive-hidden (2026-10-23, SW Viewer Responsive): the same hiding for a 1920 row that stays inside the + Story column (no reach-out). */ +@container sw-story-page (max-width: 1999.98px) { :is(.sw-story-responsive-wide, .sw-story-responsive-hidden) { display: none; } } .sw-story-frame { background: #060606; } /* Shared drawing-area canvas of the SW Stories (2026-10-19): the SW/Viewer black grid — 40px cells, 1px lines of HM green #266651 at 18%, on #0A0A0B. Used behind the SW Header work area and dropdown room and the viewer frames. */ diff --git a/src/sw/sw-viewer.stories.tsx b/src/sw/sw-viewer.stories.tsx index c1e158a..531b6db 100644 --- a/src/sw/sw-viewer.stories.tsx +++ b/src/sw/sw-viewer.stories.tsx @@ -331,8 +331,9 @@ export const Responsive: Story = {