Files
HMDesign/src/sw/sw-home-menu.css
T
shkim4 84d70f5cdf
Deploy Storybook / deploy (push) Successful in 2m10s
style(sw): viewer popup typography, 전체 레이어 title and options layout
- Property popup: row labels 14px 500, read-only values 14px in the panel text
  color, monospace removed; 일반 정보 / 기하 속성 groups 20px apart
  (--hm-sw-viewer-panel-spacing on the second section).
- Layer popup: 전체 레이어 is a plain SWViewerSection title (existing
  .hm-sw-viewer-section__title) with the all-layers switch on the same row;
  layer names 14px 500, no monospace.
- Options popup follows the user image: 표시 (LWDISPLAY), 표시 배율 with the
  px/mm unit on the input row, updated lineweight hints.
- Remove stray monospace font-family from SW Story CSS.
- VIEWER.md §4.1 / new §4.2, DESIGN_RULES §11, Example H aligned.
2026-10-22 16:56:22 +09:00

16 lines
1.3 KiB
CSS

/* Storybook layout only for the SW / Header Home Menu Stories (frames, logs, fixtures). The menu itself uses no story class. */
.sw-home-menu-story__scroll { overflow-x: auto; }
.sw-home-menu-story__frame { position: relative; min-height: 80px; }
.sw-home-menu-story__overlay { position: absolute; top: 0; z-index: 3; }
.sw-home-menu-story__figma { display: block; max-width: none; }
.sw-home-menu-story__stage { display: flex; flex-wrap: wrap; gap: 16px; padding: 16px; background: #060606; }
.sw-home-menu-story__single { display: flex; height: 46px; }
.sw-home-menu-story__toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.sw-home-menu-story__toolbar > button { padding: 4px 8px; border: 1px solid #999; border-radius: 4px; background: #fff; font: inherit; font-size: 13px; cursor: pointer; }
.sw-home-menu-story__log { margin: 12px 0 0; padding-left: 20px; font-size: 12px; }
.sw-home-menu-story__tall .sw-home-menu-story__frame { height: 860px; }
/* 2026-10-21 Storybook simplification (SW pages): no event log or long descriptions on screen; the log stays in the DOM
for the browser tests. Same rule as sw-stories.css (this page does not load it). */
.sb-page:has([class*="hm-sw-"]) :is(.sw-home-menu-story__log, [data-callback-log], .sb-page-description, .sb-page-section-description) { display: none; }