fix(sw): viewer open icon 16px area, open padding and button-height token

User requests (2026-10-21), CSS and docs only; no Props, public .d.ts unchanged.
- .hm-sw-viewer-header__open-icon: the 16 x 16 icon itself (--hm-sw-viewer-icon-size),
  margin 0; the black icon outline (SWViewerIcon) is unchanged.
- .hm-sw-viewer-header__open padding 0 12px 0 24px.
- --hm-sw-viewer-button-height 34px -> 16px (user change, DESIGN_RULES token table
  updated with it).
This commit is contained in:
shkim4 committed 2026-10-21 19:16:39 +09:00
1 parent 65bc134045
commit 0840d76c76
2 files changed
+7 -5

No files matched your search

+6 -4
View File
@@ -22,7 +22,7 @@
--hm-sw-viewer-gap: 4px;
--hm-sw-viewer-radius: 4px;
--hm-sw-viewer-control-height: 40px;
--hm-sw-viewer-button-height: 34px;
--hm-sw-viewer-button-height: 16px;
--hm-sw-viewer-font-size: 14px;
--hm-sw-viewer-label-size: 11px;
--hm-sw-viewer-icon-size: 16px;
@@ -178,15 +178,17 @@ button.hm-sw-viewer-header__brand { text-align: left; }
font-size: var(--hm-sw-header-font-size);
line-height: normal;
}
.hm-sw-viewer-header .hm-sw-viewer-header__open { padding: 0 12px 0 16px; }
.hm-sw-viewer-header .hm-sw-viewer-header__open { padding: 0 12px 0 24px; }
.hm-sw-viewer-header__open .hm-sw-header__document-name { display: inline-flex; align-items: center; gap: 8px; overflow: visible; }
.hm-sw-viewer-header__open-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: var(--hm-sw-viewer-button-height);
height: var(--hm-sw-viewer-button-height);
/* 2026-10-21 user request: the icon area is the 16 x 16 icon itself, no margin. */
width: var(--hm-sw-viewer-icon-size);
height: var(--hm-sw-viewer-icon-size);
margin: 0;
/* 2026-10-21 user request: no border and no face (transparent); the icon keeps its color, size and place. */
border: 0;
background: transparent;