diff options
| -rw-r--r-- | apps/files/css/files.scss | 3 | ||||
| -rw-r--r-- | apps/files/templates/list.php | 5 | ||||
| -rw-r--r-- | core/css/styles.scss | 4 | ||||
| -rw-r--r-- | core/templates/filepicker.html | 4 |
4 files changed, 11 insertions, 5 deletions
diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index cca8585f439..002a09213d6 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -973,7 +973,8 @@ table.dragshadow td.size { opacity: .5; &:hover, - &:focus { + &:focus, + #showgridview:focus + & { opacity: 1; } } diff --git a/apps/files/templates/list.php b/apps/files/templates/list.php index 19e93e17ec4..27403594368 100644 --- a/apps/files/templates/list.php +++ b/apps/files/templates/list.php @@ -24,9 +24,10 @@ <?php endif;?> <input type="hidden" class="max_human_file_size" value="(max <?php isset($_['uploadMaxHumanFilesize']) ? p($_['uploadMaxHumanFilesize']) : ''; ?>)"> - <input type="checkbox" class="hidden" id="showgridview" + <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'))?>" tabindex="0"></label> + <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> </div> <div id="emptycontent" class="hidden"> diff --git a/core/css/styles.scss b/core/css/styles.scss index 0927687fc76..5f68a0d08e0 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -742,6 +742,10 @@ code { opacity: 1; } } + // keyboard focus + #picker-showgridview:focus + #picker-view-toggle { + opacity: 1; + } .filelist-container { box-sizing: border-box; diff --git a/core/templates/filepicker.html b/core/templates/filepicker.html index 53daf4111b4..4c66dfc707b 100644 --- a/core/templates/filepicker.html +++ b/core/templates/filepicker.html @@ -1,7 +1,7 @@ <div id="{dialog_name}" title="{title}"> <span class="dirtree breadcrumb"></span> - <input type="checkbox" class="hidden" id="picker-showgridview" checked="checked" /> - <label id="picker-view-toggle" for="picker-showgridview" class="button icon-toggle-filelist" tabindex="0"></label> + <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> <div class="filelist-container"> <div class="emptycontent"> <div class="icon-folder"></div> |