Improved attachment rendering with very long names.

This commit is contained in:
Martin Edenhofer 2015-01-29 09:51:13 +01:00
parent 3d7aeea978
commit 13537ebd1f
2 changed files with 17 additions and 2 deletions

View file

@ -239,6 +239,10 @@ Oliver<br>
<div class="attachment-name u-highlight">lyrics_I_Like_it_Loud.txt</div>
<div class="attachment-size">17.1 kb</div>
</div>
<div class="attachment horizontal">
<div class="attachment-name u-highlight">something with very long line which is slonger as the container arount it if you can see it I wish you a very happy day.txt</div>
<div class="attachment-size">17.1 kb</div>
</div>
</div>
</div>
</div>

View file

@ -3661,17 +3661,28 @@ footer {
}
.attachment-name {
@extend .u-textTruncate;
margin-right: 5px;
}
.attachment-size {
@extend .u-textTruncate;
white-space: nowrap;
min-width: 40px;
}
.attachment-delete {
color: hsl(198,19%,72%);
text-decoration: underline;
display: none;
white-space: nowrap;
}
.attachment:hover .attachment-delete {
@extend .u-textTruncate;
padding-left: 7px;
display: block;
min-width: 80px;
}
.attachment-delete .icon {