Fixes the delete icon not appearing on certain resolutions.

Fixes #7539

Also fixes overlap of text on mobile devices by resorting to just icons on lower resolutions.

Signed-off-by: Abijeet <abijeetpatro@gmail.com>
This commit is contained in:
Abijeet 2017-12-30 12:21:50 +05:30 committed by Daniel Calviño Sánchez
parent e37fa60784
commit 361aaf0c95
4 changed files with 23 additions and 1 deletions

View file

@ -542,6 +542,10 @@ a.action > img {
vertical-align: text-bottom; vertical-align: text-bottom;
margin-bottom: -1px; margin-bottom: -1px;
} }
/* hide the delete icon in name column normal resolutions */
table th#headerName .selectedActions .delete-selected {
display: none;
}
#fileList td a { #fileList td a {
a.action { a.action {

View file

@ -12,7 +12,6 @@
min-width: initial !important; min-width: initial !important;
} }
/* hide size and date columns */
table th#headerSize, table th#headerSize,
table td.filesize, table td.filesize,
table th#headerDate, table th#headerDate,
@ -52,6 +51,11 @@ table td.filename .nametext .innernametext {
max-width: calc(100% - 175px) !important; max-width: calc(100% - 175px) !important;
} }
/* show the delete icon in name column in lower resolutions */
table th#headerName .selectedActions .delete-selected {
display: inline;
}
/* proper notification area for multi line messages */ /* proper notification area for multi line messages */
#notification-container { #notification-container {
display: flex; display: flex;
@ -75,3 +79,9 @@ table.dragshadow {
} }
} }
@media only screen and (max-width: 480px) {
/* Only show icons */
table th .selectedActions a span:not(.icon) {
display: none;
}
}

View file

@ -59,6 +59,10 @@
<span class="icon icon-download"></span> <span class="icon icon-download"></span>
<span><?php p($l->t('Download'))?></span> <span><?php p($l->t('Download'))?></span>
</a> </a>
<a href="" class="delete-selected">
<span class="icon icon-delete"></span>
<span><?php p($l->t('Delete'))?></span>
</a>
</span> </span>
</div> </div>
</th> </th>

View file

@ -35,6 +35,10 @@
<span class="icon icon-history"></span> <span class="icon icon-history"></span>
<span><?php p($l->t('Restore'))?></span> <span><?php p($l->t('Restore'))?></span>
</a> </a>
<a href="" class="delete-selected">
<span class="icon icon-delete"></span>
<span><?php p($l->t('Delete'))?></span>
</a>
</span> </span>
</div> </div>
</th> </th>