Make possible to focus grid/list view toggle via keyboard

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
nextcloud · Jun 29, 2019 · 900440e · 900440e
1 parent 2c44946
commit 900440e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/apps/files/templates/index.php b/apps/files/templates/index.php
@@ -6,7 +6,7 @@
 		<input type="checkbox" class="hidden-visually" id="showgridview"
 			<?php if($_['showgridview']) { ?>checked="checked" <?php } ?>/>
 		<label id="view-toggle" for="showgridview" class="button <?php p($_['showgridview'] ? 'icon-toggle-filelist' : 'icon-toggle-pictures') ?>"
-			title="<?php p($l->t('Toggle grid view'))?>"></label>
+			title="<?php p($l->t('Toggle grid view'))?>" tabindex="0"></label>
 	<?php } ?>
 
 	<?php foreach ($_['appContents'] as $content) { ?>

diff --git a/apps/files_sharing/templates/public.php b/apps/files_sharing/templates/public.php
@@ -52,9 +52,9 @@
 		<input type="checkbox" class="hidden-visually" id="showgridview"
 			<?php if($_['showgridview']) { ?>checked="checked" <?php } ?>/>
 		<label id="view-toggle" for="showgridview" class="button <?php p($_['showgridview'] ? 'icon-toggle-filelist' : 'icon-toggle-pictures') ?>"
-			title="<?php p($l->t('Toggle grid view'))?>"></label>
+			title="<?php p($l->t('Toggle grid view'))?>" tabindex="0"></label>
 	<?php } ?>
-	
+
 	<!-- files listing -->
 	<div id="files-public-content">
 		<div id="preview">

diff --git a/core/templates/filepicker.html b/core/templates/filepicker.html
@@ -11,7 +11,7 @@
 	</nav>
 	</span>
 	<input type="checkbox" class="hidden-visually" id="picker-showgridview" checked="checked" />
-	<label id="picker-view-toggle" for="picker-showgridview" class="button icon-toggle-filelist"></label>
+	<label id="picker-view-toggle" for="picker-showgridview" class="button icon-toggle-filelist" tabindex="0"></label>
 	<div class="filelist-container">
 		<div class="emptycontent">
 			<div class="icon-folder"></div>