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:
Felix Niklas 2015-06-12 15:41:34 +02:00
parent 0526970b6c
commit 61986606f9
5 changed files with 12 additions and 11 deletions

View file

@ -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>

View file

@ -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">

View file

@ -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>

View file

@ -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>

View file

@ -3522,6 +3522,7 @@ footer {
.attachment-name {
margin-right: 5px;
min-width: 0;
@extend .u-highlight;
}