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

fix(sw-viewer): prevent sample dropdown layout shift

Browse Source
This commit is contained in:
shkim4 committed 2026-10-19 23:40:47 +09:00
1 parent 2a7182c1cc
commit 77a809baa3
1 file changed
+3
Download Patch File Download Diff File Expand all files Collapse all files
packages/sw/src/theme/sw-viewer.css
+3
View File
@@ -293,6 +293,9 @@ button.hm-sw-viewer-header__brand { text-align: left; }
@media (prefers-reduced-motion: reduce) { .hm-sw-viewer-switch, .hm-sw-viewer-switch__thumb { transition: none; } } @media (prefers-reduced-motion: reduce) { .hm-sw-viewer-switch, .hm-sw-viewer-switch__thumb { transition: none; } }
/* ---------- Dropdown ---------- */ /* ---------- Dropdown ---------- */
/* The menu renders next to its trigger inside the header flex rows: the wrapper must not become a flex item, or the
row gains one gap while a menu is open (file name well shrinks, trigger shifts). The fixed list is out of flow. */
.hm-sw-viewer-menu-root { display: contents; }
.hm-sw-viewer-menu { .hm-sw-viewer-menu {
position: fixed; position: fixed;
z-index: 60; z-index: 60;