diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index 7f44cc6c17..66e2f2af1d 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -476,10 +476,18 @@ 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.selection>.selectCheckBox:focus-visible + label, .select-all:focus-visible + label { outline-offset: 0px; @@ -639,7 +647,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 {