Improve focus feedback for file list actions

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan C. Borchardt 2021-04-13 17:00:15 +02:00
parent a649fbc404
commit 317c77f70f
No known key found for this signature in database
GPG Key ID: CBD846FC845CBE17
1 changed files with 16 additions and 4 deletions

View File

@ -476,10 +476,18 @@ table td.selection {
} }
/* Use label to have bigger clickable size for checkbox */ /* Use label to have bigger clickable size for checkbox */
#fileList tr td.selection>.selectCheckBox + label, #fileList tr td.selection>.selectCheckBox,
.select-all + label { .select-all {
& + label {
padding: 16px; padding: 16px;
} }
&:focus + label {
background-color: var(--color-background-hover);
border-radius: var(--border-radius-pill);
}
}
#fileList tr td.selection>.selectCheckBox:focus-visible + label, #fileList tr td.selection>.selectCheckBox:focus-visible + label,
.select-all:focus-visible + label { .select-all:focus-visible + label {
outline-offset: 0px; outline-offset: 0px;
@ -639,7 +647,11 @@ a.action > img {
} }
} }
&:hover, &:focus { &:hover, &:focus {
opacity: .7; opacity: 1;
}
&:focus {
background-color: var(--color-background-hover);
border-radius: var(--border-radius-pill);
} }
} }
.fileActionsMenu a.action, a.action.action-share.shared-style { .fileActionsMenu a.action, a.action.action-share.shared-style {