Merge pull request #16154 from nextcloud/fix/noid/accessibility-focusable-viewtoggle

rullzer · web-flow · commit 465e919de12a · 2019-08-15T10:56:52.000+02:00
Make possible to focus grid/list view toggle via keyboard
diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
@@ -1080,9 +1080,15 @@ table.dragshadow td.size {
 		opacity: 1;
 	}
 }
-/* Make sure the hidden input is not rendered at all to avoid scrolling to top */
+
+/**
+ * Make sure the hidden input is always
+ * on the visible scrolled area of the
+ * page to avoid scrolling to top when focusing
+ */
 #showgridview {
-	display: none;
+	position: fixed;
+	top: 0;
 }
 
 /* Adjustments for link share page */

Original file line number	Diff line number	Diff line change
`@@ -1080,9 +1080,15 @@ table.dragshadow td.size {`
`1080`	`1080`	`opacity: 1;`
`1081`	`1081`	`}`
`1082`	`1082`	`}`
`1083`		`-/* Make sure the hidden input is not rendered at all to avoid scrolling to top */`
	`1083`	`+`
	`1084`	`+/**`
	`1085`	`+ * Make sure the hidden input is always`
	`1086`	`+ * on the visible scrolled area of the`
	`1087`	`+ * page to avoid scrolling to top when focusing`
	`1088`	`+ */`
`1084`	`1089`	`#showgridview {`
`1085`		`- display: none;`
	`1090`	`+ position: fixed;`
	`1091`	`+ top: 0;`
`1086`	`1092`	`}`
`1087`	`1093`
`1088`	`1094`	`/* Adjustments for link share page */`