Improved attachment rendering with very long names.
This commit is contained in:
parent
3d7aeea978
commit
13537ebd1f
2 changed files with 17 additions and 2 deletions
|
@ -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>
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue