summaryrefslogtreecommitdiffstats
path: root/apps
diff options
context:
space:
mode:
authorCarl Schwan <carl@carlschwan.eu>2022-10-18 10:21:21 +0200
committerGitHub <noreply@github.com>2022-10-18 10:21:21 +0200
commitb832d47d35e55b5f1630911374059834eea332de (patch)
tree4b7ad2faabb1b9cc9eeb8bc561a0cdb406fdb73e /apps
parentd29332469ab02d0ae014ea7a453f63bf7fc1219d (diff)
parente3d8fd6544c12a4e091bb9dc1817b0e4467f0d78 (diff)
downloadnextcloud-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.css4
-rw-r--r--apps/files/css/files.scss2
-rw-r--r--apps/files/css/merged.css4
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;