upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-04-15 22:11:17 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 26

Fix unnecessary highlighting of selected element

Browse source 
Use focus-visible to only show focus ring on keyboard navigation

Fix #34589

Signed-off-by: Carl Schwan <carl@carlschwan.eu>
This commit is contained in:
Carl Schwan 2022-10-17 15:29:02 +02:00
parent 44d2eb8b4e
commit e3d8fd6544
3 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/files/css/files.css
View file

@ -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;

2
apps/files/css/files.scss
View file

@ -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;

4
apps/files/css/merged.css
View file

@ -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;