mirror of
https://github.com/wukko/cobalt.git
synced 2025-04-29 22:14:26 +02:00
web/app.css: add focus ring for select & fix active button focus color
This commit is contained in:
parent
4de00b6240
commit
44dc9ca9dd
@ -245,7 +245,8 @@ button, .button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
button:focus-visible,
|
button:focus-visible,
|
||||||
a:focus-visible {
|
a:focus-visible,
|
||||||
|
select:focus-visible {
|
||||||
outline: var(--focus-ring);
|
outline: var(--focus-ring);
|
||||||
outline-offset: var(--focus-ring-offset);
|
outline-offset: var(--focus-ring-offset);
|
||||||
}
|
}
|
||||||
@ -301,7 +302,7 @@ button[disabled] {
|
|||||||
/* important is used because active class is toggled by state */
|
/* important is used because active class is toggled by state */
|
||||||
/* and added to the end of the list, taking priority */
|
/* and added to the end of the list, taking priority */
|
||||||
.active:focus-visible {
|
.active:focus-visible {
|
||||||
color: var(--sidebar-highlight) !important;
|
color: var(--white);
|
||||||
background-color: var(--blue) !important;
|
background-color: var(--blue) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user