mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-21 05:32:25 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

focus style only when focused by keyboard, revert fadeout of focus border

Browse source
This commit is contained in:
Til Schmitter 2026-04-20 17:33:46 +02:00
parent 932be7f54a
commit 6f1d5fbe03
1 changed files with 5 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
copyparty/web/ui.css
View file

@ -356,25 +356,19 @@ html.y #tth {
border: .25em solid #ccc; border: .25em solid #ccc;
border-radius: .4em; border-radius: .4em;
} }
#modali:focus { #modali:focus-visible {
border-color: #06d; border-color: #06d;
} }
#repl_pre { #repl_pre {
max-width: 24em; max-width: 24em;
} }
*:focus, *:focus-visible,
*:focus+label, *:focus-visible+label,
#pctl *:focus, #pctl *:focus-visible,
.btn:focus { .btn:focus-visible {
/* box-shadow: 0 .1em .2em #fc0 inset; */ /* box-shadow: 0 .1em .2em #fc0 inset; */
animation: outline_fadeOut 1s;
border-radius: .2em; border-radius: .2em;
} }
@keyframes outline_fadeOut {
0% {outline: var(--a) solid .1em;}
30% {outline: color-mix(var(--a) 75%, transparent 25%) solid .1em;}
100% {outline: transparent solid .1em;}
}
input, button { input, button {
font-family: var(--font-main), sans-serif; font-family: var(--font-main), sans-serif;
} }