Highlight buttons on Tab

Signed-off-by: mctaylors <cantsendmails@mctaylors.ru>
This commit is contained in:
Macintxsh 2024-05-04 22:43:51 +05:00
parent 2989ac9791
commit 95aea191c2
Signed by: mctaylors
GPG key ID: 7181BEBE676903C1

View file

@ -95,29 +95,6 @@ p, button {
left: 50%; left: 50%;
} }
.dialog button:hover, .details button:hover {
background-color: var(--dialog-background-active);
border-radius: 4px;
outline: 5px solid;
box-shadow: 0 0 12px var(--light-blue);
animation: 500ms infinite alternate ease-out hover-outline;
}
.dialog button:focus, .dialog button:active {
outline: none;
box-shadow: none;
}
.dialog button:focus {
transition: 100ms;
background-color: transparent;
}
.dialog button:active {
transition: none;
background-color: var(--active-blue);
}
.details { .details {
display: none; display: none;
opacity: 0; opacity: 0;
@ -146,3 +123,18 @@ p, button {
border: 1px solid var(--dialog-border); border: 1px solid var(--dialog-border);
border-radius: 4px; border-radius: 4px;
} }
button:focus, button:hover {
background-color: var(--dialog-background-active);
border-radius: 4px;
outline: 5px solid;
box-shadow: 0 0 12px var(--light-blue);
animation: 500ms infinite alternate ease-out hover-outline;
}
button:active {
outline: none;
box-shadow: none;
transition: none;
background-color: var(--active-blue);
}