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

fix(sw): match the lit middle step group top shade to the first group

Browse Source 
The lit middle group overlay started at the group top, so its dark top band was about twice as thick as the first / last group face. It now starts 4.95px above the group like that face and runs to the bottom edge.
This commit is contained in:
shkim4 committed 2026-11-05 18:23:34 +09:00
1 parent c9fbb06a92
commit 51ff338923
3 files changed
+9 -3
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/sw/src/theme/sw-process-header.css
+7 -1
View File
@@ -512,7 +512,13 @@
position: absolute;
/* Starts at the arrow cell on the left (16px) so the notch behind the arrow carries the same face as the group; below the
arrow cell's dim cover (z 0), so the dimmed tip in front of the arrow stays as it is. */
inset: 0 0 0 -16px;
/* Starts 4.9526px above the group like the first / last group face (.hm-sw-process-bar__glow-face), so the dark top band
is as thin; the part above the bar is clipped by the bar's overflow. It runs to the bottom edge (the first / last group
face ends 4.8px above it): a lit middle group has no shape, so a gap there would show as a lifted bottom edge. */
top: -4.9526px;
left: -16px;
right: 0;
bottom: 0;
z-index: -1;
-webkit-mask: linear-gradient(90deg, #000 calc(100% - 91px), transparent calc(100% - 6px));
mask: linear-gradient(90deg, #000 calc(100% - 91px), transparent calc(100% - 6px));