Improve focus feedback for file list actions
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
This commit is contained in:
parent
a649fbc404
commit
317c77f70f
|
@ -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 {
|
||||||
padding: 16px;
|
& + label {
|
||||||
|
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 {
|
||||||
|
|
Loading…
Reference in New Issue