fix firefox flex bug in ticket zoom

This commit is contained in:
Felix Niklas 2014-12-09 11:12:51 +01:00
parent 252e987e72
commit 36d3c32d24
2 changed files with 59 additions and 51 deletions

View file

@ -1,58 +1,56 @@
<div class="tabsSidebar-holder flex vertical"> <div class="tabsSidebar-holder">
<div class="flex u-positionOrigin horizontal"> <div class="main no-padding flex tabsSidebar-sidebarSpacer tabsSidebar-tabsSpacer">
<div class="main no-padding flex tabsSidebar-sidebarSpacer tabsSidebar-tabsSpacer"> <div class="ticketZoom">
<div class="ticketZoom"> <div class="scrollPageHeader tabsSidebar-sidebarSpacer zIndex-9 horizontal center"
<div class="scrollPageHeader tabsSidebar-sidebarSpacer zIndex-9 horizontal center" data-anchor-target=".ticketZoom .page-header"
data-anchor-target=".ticketZoom .page-header" data-128-top-bottom="transform: translateY(-64px);"
data-128-top-bottom="transform: translateY(-64px);" data-64-top-bottom="transform: translateY(0px);"
data-64-top-bottom="transform: translateY(0px);" >
> <small><%- @C('ticket_hook') %> <span class="ticket-number"><%- @ticket.number %></span></small>
<small><%- @C('ticket_hook') %> <span class="ticket-number"><%- @ticket.number %></span></small> <div class="ticket-title flex"></div>
<div class="ticket-title flex"></div> <div class="pagination-counter">
<div class="pagination-counter"> <span class="pagination-item-current">1</span>/<span class="pagination-total-items">36</span>
<span class="pagination-item-current">1</span>/<span class="pagination-total-items">36</span> </div>
</div> <ul class="pagination">
<ul class="pagination"> <li>
<li> <a class="centered" href="#" data-from="<%= @items_from - @items_per_page %>" data-type="page">
<a class="centered" href="#" data-from="<%= @items_from - @items_per_page %>" data-type="page"> <span class="left arrow icon"></span>
<span class="left arrow icon"></span> </a>
</a> <li>
<li> <a class="centered" href="#" data-from="<%= @items_from + @items_per_page %>" data-type="page">
<a class="centered" href="#" data-from="<%= @items_from + @items_per_page %>" data-type="page"> <span class="right arrow icon"></span>
<span class="right arrow icon"></span> </a>
</a> </ul>
</ul> </div>
<div class="page-header horizontal">
<div class="flex vertical center">
<%- @ticket.customer.avatar("50") %>
<div class="ticket-title"></div>
<div class="ticket-meta"></div>
</div>
<div class="page-header-meta">
<% if @C( 'LastOverview' ) && @nav: %>
<div class="pull-right">
<span class="pagination-count"><%= @C( 'LastOverviewPosition' ) %>/<%= @C( 'LastOverviewTotal' ) %></span>
<% base_url ="#ticket/view/#{ @C('LastOverview') }/#{ @C('LastOverviewPosition') }/" %>
<ul class="pagination pagination-sm">
<li class="<% if @C('LastOverviewPosition') <= 1: %>disabled<% end %>"><a href="<%- base_url %>previous" title="<%- @Ti( 'previous Ticket in Overview' ) %>">«</a></li>
<li class="<% if @C('LastOverviewPosition') is @C('LastOverviewTotal'): %>disabled<% end %>"><a href="<%- base_url %>next" title="<%- @Ti( 'next Ticket in Overview' ) %>">»</a></li>
</ul>
</div>
<% end %>
</div> </div>
<div class="page-header horizontal">
<div class="flex vertical center">
<%- @ticket.customer.avatar("50") %>
<div class="ticket-title"></div>
<div class="ticket-meta"></div>
</div>
<div class="page-header-meta">
<% if @C( 'LastOverview' ) && @nav: %>
<div class="pull-right">
<span class="pagination-count"><%= @C( 'LastOverviewPosition' ) %>/<%= @C( 'LastOverviewTotal' ) %></span>
<% base_url ="#ticket/view/#{ @C('LastOverview') }/#{ @C('LastOverviewPosition') }/" %>
<ul class="pagination pagination-sm">
<li class="<% if @C('LastOverviewPosition') <= 1: %>disabled<% end %>"><a href="<%- base_url %>previous" title="<%- @Ti( 'previous Ticket in Overview' ) %>">«</a></li>
<li class="<% if @C('LastOverviewPosition') is @C('LastOverviewTotal'): %>disabled<% end %>"><a href="<%- base_url %>next" title="<%- @Ti( 'next Ticket in Overview' ) %>">»</a></li>
</ul>
</div>
<% end %>
</div>
</div>
<div class="ticket-article"></div>
<div class="ticket-edit"></div>
</div> </div>
</div>
<div class="tabsSidebar vertical"></div> <div class="ticket-article"></div>
<div class="ticket-edit"></div>
</div>
</div> </div>
<div class="tabsSidebar vertical"></div>
<div class="attributeBar"> <div class="attributeBar">
<form class="form-inline is-closed hide" role="form"> <form class="form-inline is-closed hide" role="form">
<div class="form-group"> <div class="form-group">

View file

@ -3442,6 +3442,8 @@ footer {
.tabsSidebar-holder { .tabsSidebar-holder {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@extend .flex;
@extend .vertical;
} }
.tabsSidebar .sidebar { .tabsSidebar .sidebar {
@ -3500,7 +3502,7 @@ footer {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 60px;
transition: 500ms; transition: 500ms;
} }
@ -4799,6 +4801,14 @@ body.fit {
flex: 1; flex: 1;
} }
.flex-full {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-moz-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.flex-auto { .flex-auto {
-webkit-box-flex: 1; -webkit-box-flex: 1;
-webkit-flex: 1 1 auto; -webkit-flex: 1 1 auto;