feat(sw): footer command group and more panel use the button border gradient
Deploy Storybook / deploy (push) Successful in 1m13s
Deploy Storybook / deploy (push) Successful in 1m13s
The command group and the more panel 1px border now use the same gradient as the side and auxiliary buttons (--hm-sw-footer-group-border), replacing the solid #886D35 token --hm-sw-footer-group-border-color.
This commit is contained in:
1 parent
559641e022
commit
eabbf274e3
2 files changed
+8
-5
No files matched your search
@@ -43,7 +43,9 @@
|
||||
--hm-sw-footer-slot-width: 68px;
|
||||
--hm-sw-footer-slot-height: 47px;
|
||||
--hm-sw-footer-group-background: linear-gradient(0deg, #2f281a 0%, #312a1b 5%, #332b1c 36%, #463c29 58%, #38301f 79%, #19160e 98%);
|
||||
--hm-sw-footer-group-border-color: #886d35;
|
||||
/* Not in Figma (user decision 2026-10-27): the group and ▲ panel 1px border use the button border gradient of
|
||||
명령어 전체보기 (side-bg.svg) and the auxiliary toggles instead of the solid #886D35 (= its top stop). */
|
||||
--hm-sw-footer-group-border: var(--hm-sw-footer-aux-border);
|
||||
--hm-sw-footer-group-radius: 4px;
|
||||
/* bg_vacant 26:10113: the darker surface after the last command (empty slots and the rest of the bar). */
|
||||
--hm-sw-footer-vacant-background: linear-gradient(0deg, #18150e 28%, #262015 41%, #332b1c 58%, #38301f 81%, #18150e 100%);
|
||||
@@ -124,10 +126,10 @@
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
margin-top: 1px;
|
||||
border: 1px solid var(--hm-sw-footer-group-border-color);
|
||||
border: 1px solid transparent;
|
||||
border-right: 0;
|
||||
border-radius: var(--hm-sw-footer-group-radius) 0 0 0;
|
||||
background: var(--hm-sw-footer-group-background);
|
||||
background: var(--hm-sw-footer-group-background) padding-box, var(--hm-sw-footer-group-border) border-box;
|
||||
}
|
||||
/* The vacant surface covers the slot row only (2026-10-20): it used to run under the category row, where the open
|
||||
pocket of the current tab showed it, so a pocket crossing the last command's edge (e.g. 수정 with one command) was
|
||||
@@ -310,10 +312,10 @@
|
||||
flex-wrap: wrap;
|
||||
/* Rows fill from the left in data order; a short last row stays on the left (the panel itself is right aligned). */
|
||||
justify-content: flex-start;
|
||||
border: 1px solid var(--hm-sw-footer-group-border-color);
|
||||
border: 1px solid transparent;
|
||||
border-bottom: 0;
|
||||
border-radius: var(--hm-sw-footer-group-radius) var(--hm-sw-footer-group-radius) 0 0;
|
||||
background: var(--hm-sw-footer-group-background);
|
||||
background: var(--hm-sw-footer-group-background) padding-box, var(--hm-sw-footer-group-border) border-box;
|
||||
}
|
||||
|
||||
/* Empty slot (btn_add_menu 26:9971): 68 × 46 one pixel below the slot top; hover adds the orange dashed ring. */
|
||||
|
||||
Reference in new issue
Block a user