diff options
| author | Jan C. Borchardt <hey@jancborchardt.net> | 2021-04-13 17:00:15 +0200 |
|---|---|---|
| committer | Jan C. Borchardt <hey@jancborchardt.net> | 2021-04-19 20:34:46 +0200 |
| commit | 317c77f70f4c1c89c48dc27c7a95b35742fc313c (patch) | |
| tree | 50ba1669f58843fedb3caf10d7cfafe4981c0568 /apps/files/css/files.scss | |
| parent | a649fbc40418f60ced4f7202e9bf35d45b4ae141 (diff) | |
| download | nextcloud-server-317c77f70f4c1c89c48dc27c7a95b35742fc313c.tar.gz nextcloud-server-317c77f70f4c1c89c48dc27c7a95b35742fc313c.zip | |
Improve focus feedback for file list actions
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'apps/files/css/files.scss')
| -rw-r--r-- | apps/files/css/files.scss | 20 |
1 files changed, 16 insertions, 4 deletions
diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index 7f44cc6c170..66e2f2af1dd 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 { |