Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Improved attachment rendering with very long names.

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco
View file

@ -233,11 +233,15 @@ Oliver<br>
<h3>2 <%- @T('Attached Files') %></h3> <h3>2 <%- @T('Attached Files') %></h3>
<div class="attachment horizontal"> <div class="attachment horizontal">
<div class="attachment-name u-highlight">midinotes_view.jpg</div> <div class="attachment-name u-highlight">midinotes_view.jpg</div>
<div class="attachment-size">35.5kb</div> <div class="attachment-size">35.5 kb</div>
</div> </div>
<div class="attachment horizontal"> <div class="attachment horizontal">
<div class="attachment-name u-highlight">lyrics_I_Like_it_Loud.txt</div> <div class="attachment-name u-highlight">lyrics_I_Like_it_Loud.txt</div>
<div class="attachment-size">17.1kb</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>
</div> </div>

11
app/assets/stylesheets/zammad.css.scss
View file

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