permanently show download action on mobile, only icon
This commit is contained in:
parent
8f81f007cd
commit
d310df505c
2 changed files with 19 additions and 8 deletions
|
@ -103,9 +103,9 @@ var FileActions = {
|
|||
}
|
||||
var html = '<a href="#" class="action" data-action="' + name + '">';
|
||||
if (img) {
|
||||
html += '<img class ="svg" src="' + img + '" /> ';
|
||||
html += '<img class ="svg" src="' + img + '" />';
|
||||
}
|
||||
html += t('files', name) + '</a>';
|
||||
html += '<span> ' + t('files', name) + '</span></a>';
|
||||
|
||||
var element = $(html);
|
||||
element.data('action', name);
|
||||
|
|
|
@ -11,12 +11,7 @@ table td.date {
|
|||
|
||||
/* restrict length of displayed filename to prevent overflow */
|
||||
table td.filename .nametext {
|
||||
max-width: 80% !important;
|
||||
}
|
||||
/* and to make room for download button on hover */
|
||||
table tr:hover td.filename .nametext,
|
||||
table tr:focus td.filename .nametext {
|
||||
max-width: 60% !important;
|
||||
max-width: 75% !important;
|
||||
}
|
||||
|
||||
/* on mobile, show single shared image at full width without margin */
|
||||
|
@ -26,5 +21,21 @@ table tr:focus td.filename .nametext {
|
|||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
/* always show actions on mobile */
|
||||
#fileList a.action {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important;
|
||||
filter: alpha(opacity=20) !important;
|
||||
opacity: .2 !important;
|
||||
display: inline !important;
|
||||
}
|
||||
/* some padding for better clickability */
|
||||
#fileList a.action img {
|
||||
padding: 0 6px 0 12px;
|
||||
}
|
||||
/* hide text of the actions on mobile */
|
||||
#fileList a.action span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue