fix(storybook): keep the SW Header and Footer Responsive More 1920 rows inside the content area
Deploy Storybook / deploy (push) Successful in 1m12s
Deploy Storybook / deploy (push) Successful in 1m12s
This commit is contained in:
1 parent
71003c58c1
commit
1916146bd4
4 files changed
+10
-10
No files matched your search
@@ -1,14 +1,12 @@
|
||||
/* Story canvas only: frames that simulate a header width. Never styles the header itself. */
|
||||
.sw-story-scroller { max-width: 100%; overflow-x: auto; }
|
||||
/* Responsive More pages (2026-10-22): the 1920px row shows when the page has 1920px of usable width — the page
|
||||
(container sw-story-page, not the browser) minus its 40px gutters, so 2000px — and then reaches out of the 80vw Inner
|
||||
evenly to its full 1920px; with less room the whole row — title, header, background, margin — is hidden. */
|
||||
/* Responsive More pages: the 1920px row (sw-story-responsive-hidden) shows when the page has 1920px of usable width —
|
||||
the page (container sw-story-page, not the browser) minus its 40px gutters, so 2000px; with less room the whole row —
|
||||
title, header, background, margin — is hidden. 2026-10-23: it stays inside the Story column like every other row (the
|
||||
former reach-out of the 80vw Inner, sw-story-responsive-wide, is gone); its preview is at most 1920px wide. */
|
||||
.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); }
|
||||
/* 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; } }
|
||||
@container sw-story-page (max-width: 1999.98px) { .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. */
|
||||
|
||||
Reference in new issue
Block a user