diff options
author | Carl Schwan <carl@carlschwan.eu> | 2022-10-18 10:21:21 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-10-18 10:21:21 +0200 |
commit | b832d47d35e55b5f1630911374059834eea332de (patch) | |
tree | 4b7ad2faabb1b9cc9eeb8bc561a0cdb406fdb73e /apps | |
parent | d29332469ab02d0ae014ea7a453f63bf7fc1219d (diff) | |
parent | e3d8fd6544c12a4e091bb9dc1817b0e4467f0d78 (diff) | |
download | nextcloud-server-b832d47d35e55b5f1630911374059834eea332de.tar.gz nextcloud-server-b832d47d35e55b5f1630911374059834eea332de.zip |
Merge pull request #34634 from nextcloud/fix/focus-file-selection
Fix unnecessary highlighting of selected element
Diffstat (limited to 'apps')
-rw-r--r-- | apps/files/css/files.css | 4 | ||||
-rw-r--r-- | apps/files/css/files.scss | 2 | ||||
-rw-r--r-- | apps/files/css/merged.css | 4 |
3 files changed, 5 insertions, 5 deletions
diff --git a/apps/files/css/files.css b/apps/files/css/files.css index a9d54a5638e..431e3bf29b5 100644 --- a/apps/files/css/files.css +++ b/apps/files/css/files.css @@ -609,8 +609,8 @@ table td.selection { .select-all + label { padding: 16px; } -.files-fileList tr td.selection > .selectCheckBox:focus + label, -.select-all:focus + label { +.files-fileList tr td.selection > .selectCheckBox:focus-visible + label, +.select-all:focus-visible + label { background-color: var(--color-background-hover); border-radius: var(--border-radius-pill); outline: none !important; diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index e02c1bc71c3..1950d740bd7 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -504,7 +504,7 @@ table td.selection { padding: 16px; } - &:focus + label { + &:focus-visible + label { background-color: var(--color-background-hover); border-radius: var(--border-radius-pill); outline: none !important; diff --git a/apps/files/css/merged.css b/apps/files/css/merged.css index e14edcdf04b..e4b2c51d7f3 100644 --- a/apps/files/css/merged.css +++ b/apps/files/css/merged.css @@ -609,8 +609,8 @@ table td.selection { .select-all + label { padding: 16px; } -.files-fileList tr td.selection > .selectCheckBox:focus + label, -.select-all:focus + label { +.files-fileList tr td.selection > .selectCheckBox:focus-visible + label, +.select-all:focus-visible + label { background-color: var(--color-background-hover); border-radius: var(--border-radius-pill); outline: none !important; |