iter(g327): stepper 补失败态与整条回跳

This commit is contained in:
HIsheR
2026-10-27 01:56:10 +08:00
parent 8d154daa6a
commit 0a5665e296
8 changed files with 79 additions and 18 deletions
+12
View File
@@ -1172,6 +1172,15 @@ button.ua-step-dot:hover {
color: var(--ua-color-accent);
box-shadow: var(--ua-focus-ring);
}
.ua-step-error .ua-step-dot {
border-color: var(--ua-color-danger);
background: color-mix(in srgb, var(--ua-color-danger) var(--ua-alpha-soft), transparent); /* 失败步骤只给淡底,不抢当前步的光环 */
color: var(--ua-color-danger);
font-weight: var(--ua-weight-semibold);
}
.ua-step.is-clickable .ua-step-text {
cursor: pointer; /* 整条可点:文字区给出与圆点一致的手型 */
}
.ua-step-text {
display: flex;
flex-direction: column;
@@ -1187,6 +1196,9 @@ button.ua-step-dot:hover {
color: var(--ua-color-text);
font-weight: var(--ua-weight-semibold);
}
.ua-step-error .ua-step-label {
color: var(--ua-color-danger); /* 标题跟着标红:只标圆点时正文仍像正常步骤 */
}
.ua-step-desc {
font-size: var(--ua-font-size-sm);
color: var(--ua-color-text-muted);