Show view toggle in controls bar

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2018-10-03 18:09:48 +02:00
parent 2a42a8da3e
commit e704899e22
No known key found for this signature in database
GPG Key ID: CBD846FC845CBE17
3 changed files with 22 additions and 2 deletions

View File

@ -866,3 +866,22 @@ table.dragshadow td.size {
}
}
}
/* Grid view toggle */
.view-toggle {
background-color: transparent;
border: none;
margin: 0;
padding: 22px;
opacity: .5;
&:hover,
&:focus {
opacity: 1;
}
}
/* Hide legacy Gallery toggle */
#gallery-button {
display: none;
}

View File

@ -328,7 +328,7 @@
this.$el.find('thead th .columntitle').click(_.bind(this._onClickHeader, this));
// Toggle for grid view
$('#view-button').on('click', this._onGridToggle);
$('#view-toggle').on('click', this._onGridToggle);
this._onResize = _.debounce(_.bind(this._onResize, this), 250);
$('#app-content').on('appresized', this._onResize);

View File

@ -24,6 +24,7 @@
<?php endif;?>
<input type="hidden" class="max_human_file_size"
value="(max <?php isset($_['uploadMaxHumanFilesize']) ? p($_['uploadMaxHumanFilesize']) : ''; ?>)">
<button id="view-toggle" class="button view-toggle icon-toggle-pictures has-tooltip" title="<?php p($l->t('Toggle grid view'))?>"></button>
</div>
<div id="emptycontent" class="hidden">
@ -38,7 +39,7 @@
<p></p>
</div>
<table id="filestable" class="view-grid" data-allow-public-upload="<?php p($_['publicUploadEnabled'])?>" data-preview-x="250" data-preview-y="250">
<table id="filestable" class="list-container view-grid" data-allow-public-upload="<?php p($_['publicUploadEnabled'])?>" data-preview-x="250" data-preview-y="250">
<thead>
<tr>
<th id="headerSelection" class="hidden column-selection">