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

feat(sw): 3-column property compare, clamp Overview panel, narrower viewer file name

Browse Source 
- Property Panel compare page: from 1080px, none/all stacked in column 1,
  circle and expanded side by side (2x2 and 1 column below)
- Overview Stage: the property panel is clamped to the Stage height so the
  Stage gets no scrollbar; the panel body scrolls
- Viewer header file name: clamp(140px, calc(45cqw - 256px), 360px) so a
  950px header shows no More; 1280px and wider unchanged
This commit is contained in:
shkim4 committed 2026-10-26 19:36:08 +09:00
1 parent 6780abb42d
commit 7976801034
7 files changed
+43 -20
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/sw/src/theme/sw-viewer.css
+6 -4
View File
@@ -164,9 +164,11 @@ button.hm-sw-viewer-header__brand { text-align: left; }
display: flex;
align-items: center;
/* Very large shrink weight (2026-10-23): the file name gives way first, as before; the object (shrink 1) only once
the file name is at its minimum (see .hm-sw-viewer-header__object). */
flex: 0 1000000 clamp(140px, 25cqw, 360px);
width: clamp(220px, 25cqw, 360px);
the file name is at its minimum (see .hm-sw-viewer-header__object).
2026-10-26 (user request): narrower below 1280px (171px at 950px, was 25cqw = 237px) so a 950px header has no More;
from 1280px the same as before (320px, 360px from 1370px). The measurement (data-measuring) uses the same value. */
flex: 0 1000000 clamp(140px, calc(45cqw - 256px), 360px);
width: clamp(220px, calc(45cqw - 256px), 360px);
min-width: 56px;
height: calc(var(--hm-sw-viewer-height) - 2px);
padding: 0 16px 0 24px;
@@ -312,7 +314,7 @@ button.hm-sw-viewer-header__brand { text-align: left; }
Every part at its natural width: the file name at its usual flex basis (2026-10-21 user request: the header width
decides it, never the length of the name, so a short and a long name give the same steps, Open label and widths),
the object surface neither stretched nor shrunk, the trailing area without its auto margin. */
.hm-sw-viewer-header[data-measuring] .hm-sw-viewer-header__document { flex: 0 0 clamp(140px, 25cqw, 360px); }
.hm-sw-viewer-header[data-measuring] .hm-sw-viewer-header__document { flex: 0 0 clamp(140px, calc(45cqw - 256px), 360px); }
.hm-sw-viewer-header[data-measuring] .hm-sw-viewer-header__object { flex: 0 0 auto; }
.hm-sw-viewer-header[data-measuring] .hm-sw-viewer-header__actions { margin-left: 0; }
/* While the logo menu or the document list is open, the header takes the viewer dropdown layer (SWViewerMenu, 60) so