fix firefox flex bug in ticket zoom
This commit is contained in:
parent
252e987e72
commit
36d3c32d24
2 changed files with 59 additions and 51 deletions
|
@ -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">
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue