Highlight buttons on Tab
Signed-off-by: mctaylors <cantsendmails@mctaylors.ru>
This commit is contained in:
parent
2989ac9791
commit
95aea191c2
1 changed files with 15 additions and 23 deletions
|
@ -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);
|
||||||
|
}
|
Loading…
Add table
Reference in a new issue