shkim4/HMDesign
Private
Public Access
1
0 Fork 0
Code Activity

fix(storybook): hide the SW Viewer Responsive 1920 row on narrow pages
Deploy Storybook / deploy (push) Successful in 54s

Browse Source
This commit is contained in:
shkim4 committed 2026-10-23 10:13:09 +09:00
1 parent 860c301cd9
commit 71003c58c1
2 files changed
+6 -3
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/sw/sw-stories.css
+3 -1
View File
@@ -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. */