fix scrollPageHeader width when folding the sidebar

This commit is contained in:
Felix Niklas 2015-06-10 12:54:44 +02:00
parent a86dd6ddf1
commit a7669bb5ff
4 changed files with 5 additions and 9 deletions

View file

@ -7,7 +7,7 @@
<h2>Ticket Article</h2>
<div class="ticketZoom">
<div class="scrollPageHeader zIndex-9 horizontal center"
<div class="scrollPageHeader tabsSidebar-sidebarSpacer"
data-anchor-target=".ticketZoom .page-header"
data-128-top-bottom="transform: translateY(-64px);"
data-64-top-bottom="transform: translateY(0px);"

View file

@ -40,7 +40,7 @@
</li>
</div>
<div class="scrollPageHeader zIndex-9 horizontal center"
<div class="scrollPageHeader tabsSidebar-sidebarSpacer"
data-anchor-target=".ticketZoom .page-header"
data-128-top-bottom="transform: translateY(-64px);"
data-64-top-bottom="transform: translateY(0px);"

View file

@ -1,7 +1,7 @@
<div class="tabsSidebar-holder">
<div class="main no-padding flex tabsSidebar-sidebarSpacer tabsSidebar-tabsSpacer">
<div class="ticketZoom">
<div class="scrollPageHeader">
<div class="scrollPageHeader tabsSidebar-sidebarSpacer">
<small><%- @C('ticket_hook') %> <span class="ticket-number"><%- @ticket.number %></span></small>
<div class="ticket-title"></div>
<div class="highlighter"></div>

View file

@ -3598,10 +3598,6 @@ footer {
margin-right: 0;
}
.tabsSidebar-sidebarSpacer.is-closed .scrollPageHeader {
margin-right: 0;
}
.tabsSidebar-holder {
overflow: hidden;
position: relative;
@ -4565,7 +4561,7 @@ footer {
}
.scrollPageHeader {
@extend .zIndex-6;
@extend .zIndex-6, .tabsSidebar-sidebarSpacer;
display: flex;
align-items: center;
background: white;
@ -4573,7 +4569,7 @@ footer {
height: 64px;
top: 0;
left: $navigationWidth;
right: $sidebarWidth;
right: 0;
padding: 0 22px;
position: fixed;
min-width: $minWidth - $navigationWidth - $sidebarWidth;