Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-06-13 05:37:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/app.css: fix text color in active buttons with focus ring

Browse Source
This commit is contained in:
wukko
2025-05-19 19:44:51 +06:00
parent f94606cbd3
commit 12d6f33197
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/app.css
View File

@ -265,6 +265,14 @@ a:not(.sidebar-tab):not(.subnav-tab):focus-visible {
background-color: var(--secondary); background-color: var(--secondary);
} }
/* important is used because active class is toggled by state */
/* and added to the end of the list, taking priority */
.button.active:focus-visible,
a.active:focus-visible {
color: var(--white) !important;
background-color: var(--blue) !important;
}
@media (hover: hover) { @media (hover: hover) {
.button:hover { .button:hover {
background-color: var(--button-hover); background-color: var(--button-hover);
@ -299,13 +307,6 @@ button[disabled] {
cursor: default; cursor: default;
} }
/* important is used because active class is toggled by state */
/* and added to the end of the list, taking priority */
.active:focus-visible {
color: var(--white);
background-color: var(--blue) !important;
}
/* workaround for typing into inputs being ignored on iPadOS 15 */ /* workaround for typing into inputs being ignored on iPadOS 15 */
input { input {
user-select: text; user-select: text;