mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improve focus feedback for file list actions 

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan C. Borchardt 2021-04-13 17:00:15 +02:00
parent a649fbc404
commit 317c77f70f
No known key found for this signature in database
GPG Key ID: CBD846FC845CBE17
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
apps/files/css/files.scss
View File

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