iter(g327): stepper 补失败态与整条回跳
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user