ellipsize long modified dates to make room for showing delete button, fix #7040

This commit is contained in:
Jan-Christoph Borchardt 2014-02-03 17:23:30 +01:00
parent cf6538abde
commit 6d7d3c16d0
1 changed files with 10 additions and 0 deletions

View File

@ -119,7 +119,9 @@ table th#headerDate, table td.date {
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
/* this can not be just width, both need to be set … table styling */
min-width: 176px;
max-width: 176px;
}
/* Multiselect bar */
@ -174,6 +176,14 @@ table td.filename .nametext, .uploadtext, .modified { float:left; padding:14px 0
}
.modified {
position: relative;
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
}
/* ellipsize long modified dates to make room for showing delete button */
#fileList tr:hover .modified,
#fileList tr:focus .modified {
width: 75%;
}
/* TODO fix usability bug (accidental file/folder selection) */