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 committed by Joas Schilling
parent 2ba56b50ec
commit 6be889493f
No known key found for this signature in database
GPG key ID: 7076EA9751AACDDA

View file

@ -473,9 +473,16 @@ table td.selection {
}
/* Use label to have bigger clickable size for checkbox */
#fileList tr td.selection>.selectCheckBox + label,
.select-all + label {
padding: 16px;
#fileList tr td.selection>.selectCheckBox,
.select-all {
& + label {
padding: 16px;
}
&:focus + label {
background-color: var(--color-background-hover);
border-radius: var(--border-radius-pill);
}
}
#fileList tr td.filename {
@ -632,7 +639,11 @@ a.action > img {
}
}
&: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 {