refactor(frontend): normalize danger action shells
This commit is contained in:
parent
d9648a3890
commit
64eafeea46
@ -128,7 +128,9 @@ Foundation layer уже существует и задаётся в этих ф
|
||||
|
||||
Правило:
|
||||
|
||||
- destructive state должен быть семантическим, а не декоративно тяжёлым
|
||||
- danger action использует ту же базовую оболочку, что и `app-action-secondary`
|
||||
- destructive state отличать тоном, текстом и hover-состоянием, а не исчезающим контейнером
|
||||
- icon-only danger action не должен выглядеть "голой" иконкой рядом с secondary control
|
||||
|
||||
## Badge, menu, feedback, selected
|
||||
|
||||
|
||||
@ -33,6 +33,7 @@
|
||||
- Есть ли один очевидный primary action?
|
||||
- Не спорят ли secondary и danger actions по визуальному весу с primary?
|
||||
- Семантика destructive actions понятна?
|
||||
- В парных action-clusters `danger` не выглядит ли недорисованным по сравнению с `secondary`?
|
||||
|
||||
## 6. Responsive
|
||||
|
||||
|
||||
@ -394,13 +394,14 @@ html[data-bs-theme="dark"] .app-input::-webkit-calendar-picker-indicator {
|
||||
}
|
||||
|
||||
.app-action-danger {
|
||||
border: 1px solid transparent;
|
||||
background: transparent;
|
||||
border: 1px solid color-mix(in srgb, var(--danger-foreground) 18%, var(--border-strong));
|
||||
background: var(--surface-elevated);
|
||||
color: #dc2626;
|
||||
}
|
||||
|
||||
.app-action-danger:hover {
|
||||
background: var(--danger-soft);
|
||||
border-color: color-mix(in srgb, var(--danger-foreground) 24%, var(--border-strong));
|
||||
}
|
||||
|
||||
.app-selected {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user