Ellipcises too long filenames
This commit is contained in:
parent
5cebb6fb9b
commit
1d1f958bea
2 changed files with 16 additions and 1 deletions
|
@ -140,6 +140,9 @@ span.extension {
|
|||
-moz-transition: opacity 300ms;
|
||||
-o-transition: opacity 300ms;
|
||||
transition: opacity 300ms;
|
||||
position: relative;
|
||||
top:-5px;
|
||||
left:-2px;
|
||||
}
|
||||
tr:hover span.extension {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
|
@ -281,6 +284,14 @@ table td.filename .nametext {
|
|||
text-overflow: ellipsis;
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
table td.filename .nametext span:not(.extension) {
|
||||
max-width: 300px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
table td.filename .uploadtext { font-weight:normal; margin-left:8px; }
|
||||
table td.filename form { font-size:14px; margin-left:48px; margin-right:48px; }
|
||||
|
||||
|
@ -401,6 +412,8 @@ a.action>img { max-height:16px; max-width:16px; vertical-align:text-bottom; }
|
|||
|
||||
#fileList a.action[data-action="Rename"] {
|
||||
padding:18px 14px !important;
|
||||
position: relative;
|
||||
top: -6px;
|
||||
}
|
||||
#fileList tr:hover a.action, #fileList a.action.permanent {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||||
|
|
|
@ -596,7 +596,9 @@
|
|||
basename = name;
|
||||
extension = false;
|
||||
}
|
||||
var nameSpan=$('<span></span>').addClass('nametext').text(basename);
|
||||
var nameSpan=$('<span></span>').addClass('nametext');
|
||||
var innernameSpan = $('<span></span>').text(basename);
|
||||
nameSpan.append(innernameSpan);
|
||||
linkElem.append(nameSpan);
|
||||
if (extension) {
|
||||
nameSpan.append($('<span></span>').addClass('extension').text(extension));
|
||||
|
|
Loading…
Reference in a new issue