Fix focus-visible outline for files checkboxes

PVince81 · PVince81 · commit fab5eb421e6e · 2021-02-22T09:33:02.000+01:00
Signed-off-by: Vincent Petry &lt;vincent@nextcloud.com&gt;
diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
@@ -290,6 +290,9 @@ table th#headerName {
 	height: 50px;
 }
 
+table th#headerSelection {
+	padding-top: 2px;
+}
 table th#headerSize, table td.filesize {
 	text-align: right;
 }
@@ -482,6 +485,10 @@ table td.selection {
 .select-all + label {
 	padding: 16px;
 }
+#fileList tr td.selection>.selectCheckBox:focus-visible + label,
+.select-all:focus-visible + label {
+	outline-offset: 0px;
+}
 
 #fileList tr td.filename {
 	position: relative;

Original file line number	Diff line number	Diff line change
`@@ -290,6 +290,9 @@ table th#headerName {`
`290`	`290`	`height: 50px;`
`291`	`291`	`}`
`292`	`292`
	`293`	`+table th#headerSelection {`
	`294`	`+ padding-top: 2px;`
	`295`	`+}`
`293`	`296`	`table th#headerSize, table td.filesize {`
`294`	`297`	`text-align: right;`
`295`	`298`	`}`
`@@ -482,6 +485,10 @@ table td.selection {`
`482`	`485`	`.select-all + label {`
`483`	`486`	`padding: 16px;`
`484`	`487`	`}`
	`488`	`+#fileList tr td.selection>.selectCheckBox:focus-visible + label,`
	`489`	`+.select-all:focus-visible + label {`
	`490`	`+ outline-offset: 0px;`
	`491`	`+}`
`485`	`492`
`486`	`493`	`#fileList tr td.filename {`
`487`	`494`	`position: relative;`