fix attachment overflow (FF)
I started to discuss this problem here https://github.com/philipwalton/flexbugs/issues/39#issuecomment-111211260 and in a Firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=1136818 but people defend this behaviour intended..
This commit is contained in:
parent
0526970b6c
commit
61986606f9
5 changed files with 12 additions and 11 deletions
|
@ -231,19 +231,19 @@ Oliver<br>
|
|||
<div class="attachments">
|
||||
<svg class="icon-paperclip"><use xlink:href="#icon-paperclip" /></svg>
|
||||
<h3>2 <%- @T('Attached Files') %></h3>
|
||||
<div class="attachment horizontal">
|
||||
<div class="attachment">
|
||||
<div class="attachment-name u-highlight">midinotes_view.jpg</div>
|
||||
<div class="attachment-size">35.5 kb</div>
|
||||
</div>
|
||||
<div class="attachment horizontal">
|
||||
<div class="attachment">
|
||||
<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">
|
||||
<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 class="attachment horizontal">
|
||||
<div class="attachment">
|
||||
<div class="attachment-name u-highlight">something-withverylonglinewhichisslongerasthecontainerarountitifyoucanseeitIwishyouaveryhappyday.txt</div>
|
||||
<div class="attachment-size">17.1 kb</div>
|
||||
</div>
|
||||
|
|
|
@ -16,14 +16,14 @@
|
|||
<div class="attachments"></div>
|
||||
|
||||
<!-- <div>
|
||||
<div class="attachment horizontal">
|
||||
<div class="attachment">
|
||||
<div class="attachment-name u-highlight">sega-genesis-box.gif</div>
|
||||
<div class="attachment-size">2.4mb</div>
|
||||
<div class="attachment-delete js-delete align-right u-clickable">
|
||||
<svg class="icon icon-diagonal-cross"><use xlink:href="#icon-diagonal-cross" /></svg><%- @T('Delete File') %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="attachment horizontal">
|
||||
<div class="attachment">
|
||||
<div class="attachment-name u-highlight">license-key.txt</div>
|
||||
<div class="attachment-size">7kb</div>
|
||||
<div class="attachment-delete js-delete align-right u-clickable">
|
||||
|
|
|
@ -63,7 +63,7 @@
|
|||
</a>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="page-header horizontal">
|
||||
<div class="page-header">
|
||||
<div class="flex vertical center">
|
||||
<span class="avatar unique user-popover size-50" data-id="2" style="background-position: -92.79607555375712px -106.24902447601627px;" data-original-title="" title="">NB</span>
|
||||
<div class="ticket-title">
|
||||
|
@ -274,15 +274,15 @@ Oliver<br></div>
|
|||
<div class="attachments">
|
||||
<svg class="icon-paperclip"><use xlink:href="#icon-paperclip" /></svg>
|
||||
<h3>2 <%- @T('Attached Files') %></h3>
|
||||
<div class="attachment horizontal">
|
||||
<div class="attachment">
|
||||
<div class="attachment-name u-highlight">midinotes_view.jpg</div>
|
||||
<div class="attachment-size">35.5 kb</div>
|
||||
</div>
|
||||
<div class="attachment horizontal">
|
||||
<div class="attachment">
|
||||
<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">
|
||||
<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>
|
||||
|
|
|
@ -54,7 +54,7 @@
|
|||
<svg class="icon-paperclip"><use xlink:href="#icon-paperclip" /></svg>
|
||||
<h3><%- @article.attachments.length %> <%- @T('Attached Files') %></h3>
|
||||
<% for attachment in @article.attachments: %>
|
||||
<div class="attachment horizontal">
|
||||
<div class="attachment">
|
||||
<a class="attachment-name u-highlight" href="<%= App.Config.get('api_path') %>/ticket_attachment/<%= @article.ticket_id %>/<%= @article.id %>/<%= attachment.id %>" target="_blank" data-type="attachment"><%= attachment.filename %></a>
|
||||
<div class="attachment-size"><%- @humanFileSize(attachment.size) %></div>
|
||||
</div>
|
||||
|
|
|
@ -3522,6 +3522,7 @@ footer {
|
|||
|
||||
.attachment-name {
|
||||
margin-right: 5px;
|
||||
min-width: 0;
|
||||
@extend .u-highlight;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue