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:
parent
e37fa60784
commit
361aaf0c95
4 changed files with 23 additions and 1 deletions
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue