From 48977e7823ea14babd83bf5d0924f77629e7010c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=88=98=ED=98=84?= <shkim4@samaneng.com>
Date: Thu, 22 Oct 2026 21:11:52 +0900
Subject: [PATCH] docs(storybook): keep the SW Viewer Responsive More 1920 row
 inside the content area

The 1920px row of sw-viewer--responsive no longer uses sw-story-responsive-wide (fixed
1920px reaching out of the Inner); like the other rows it is a 1920px maximum inside the
Story column. SW Header / Footer Responsive More are unchanged.

Verified in Storybook: at 2560 the row is 1920px inside the 2048px column, at 1920 it
fills the 1536px column; no header or page overflow.
---
 src/sw/sw-viewer.stories.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/sw/sw-viewer.stories.tsx b/src/sw/sw-viewer.stories.tsx
index bcd9a1e..ca76367 100644
--- a/src/sw/sw-viewer.stories.tsx
+++ b/src/sw/sw-viewer.stories.tsx
@@ -330,7 +330,9 @@ export const Responsive: Story = {
         <Log lines={demo.log} />
         <div className="sw-story-stack sw-story-responsive">
           {[1920, 1440, 1280, 950, 860, 760, 520].map(width => (
-            <div key={width} className={width === 1920 ? "sw-story-responsive-wide" : undefined}><StorySection title={`${width}px`}>
+            // 2026-10-22 (user request): the 1920 row no longer reaches out of the content area (no sw-story-responsive-wide);
+            // like the other rows it is a maximum inside the Story column.
+            <div key={width}><StorySection title={`${width}px`}>
               {/* The row width is a maximum (2026-10-22): on a narrower screen the header shrinks with it instead of scrolling. */}
               <div className="sw-story-scroller sw-viewer-story-menu-row"><div style={{ width: "100%", maxWidth: width }} data-width={width}><SWViewerHeader documentTitle={demo.documentName} {...demo.fileProps} groups={demo.groups} trailing={demo.trailing} onCommand={demo.onCommand} /></div></div>
             </StorySection></div>