From 1c649cc17d0bf4ca1ebecc4b6e77757869ade0b0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=88=98=ED=98=84?= Date: Thu, 22 Oct 2026 17:12:54 +0900 Subject: [PATCH] style(sw): widen the viewer panel bottom gutter to 8px The transparent bottom border outside the scrollport of SWViewerPanel bodies goes from 2px to 8px (padding-bottom stays 0), so scrolled layer, property and option rows stop 8px above the frame border. Plain SWPopup keeps its 7px bottom padding. --- packages/sw/src/theme/sw-viewer.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/sw/src/theme/sw-viewer.css b/packages/sw/src/theme/sw-viewer.css index ea49265..59f65c5 100644 --- a/packages/sw/src/theme/sw-viewer.css +++ b/packages/sw/src/theme/sw-viewer.css @@ -552,10 +552,10 @@ button.hm-sw-viewer-header__brand { text-align: left; } /* ---------- Panel (SWPopup frame + viewer window behavior) ---------- */ .hm-sw-viewer-panel-backdrop { inset: 0; background: var(--hm-sw-viewer-panel-overlay); } .hm-sw-viewer-panel[data-collapsed] .hm-sw-property__body { display: none; } -/* Bottom gutter outside the scrollport (2026-10-22, user-set 2px): the SWPopup body's 7px bottom padding is inside the +/* Bottom gutter outside the scrollport (2026-10-22, user-set 8px): the SWPopup body's 7px bottom padding is inside the scroll area, so scrolled rows ran into it up to the frame border. A transparent border instead clips the list - 2px above the frame border. */ -.hm-sw-viewer-panel .hm-sw-property__body { padding-bottom: 0; border-bottom: 2px solid transparent; } + 8px above the frame border. */ +.hm-sw-viewer-panel .hm-sw-property__body { padding-bottom: 0; border-bottom: 8px solid transparent; } .hm-sw-viewer-panel[data-draggable] .hm-sw-property__titlebar { cursor: grab; touch-action: none; user-select: none; } .hm-sw-viewer-panel[data-dragging] .hm-sw-property__titlebar { cursor: grabbing; } /* Any width: the Figma title art keeps its 308px curve at the close button (right-aligned; at 314px this is exactly