Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
924f111e48 | ||
|
|
7b0f09e292 |
@@ -21,12 +21,20 @@ html[data-density='compact'] [data-slot='sidebar-inset'] > div:last-child {
|
||||
}
|
||||
|
||||
/* Видимый фокус и reduced motion — как в макете MikrotikManager v2. */
|
||||
html [data-slot='sidebar-wrapper'] :focus-visible,
|
||||
html #main-content :focus-visible {
|
||||
html [data-slot='sidebar-wrapper'] :focus-visible:not(input, textarea, select, [data-slot='input-group-control']),
|
||||
html #main-content :focus-visible:not(input, textarea, select, [data-slot='input-group-control']) {
|
||||
outline: 2px solid var(--ring);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
/* Поля ввода: спокойная подсветка фокуса — тонкая рамка и мягкое кольцо вместо яркого синего контура. */
|
||||
html input:focus-visible,
|
||||
html textarea:focus-visible,
|
||||
html [data-slot='input-group']:has([data-slot='input-group-control']:focus-visible) {
|
||||
border-color: color-mix(in oklch, var(--ring) 45%, var(--input));
|
||||
--tw-ring-color: color-mix(in oklch, var(--ring) 18%, transparent);
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
html #main-content *,
|
||||
html [data-slot='sidebar-wrapper'] * {
|
||||
|
||||
Reference in new issue
Block a user