Ellipcises too long filenames

This commit is contained in:
raghunayyar 2014-06-06 17:30:18 +05:30
parent 5cebb6fb9b
commit 1d1f958bea
2 changed files with 16 additions and 1 deletions

View file

@ -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)";

View file

@ -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));