fix scrollPageHeader width when folding the sidebar
This commit is contained in:
parent
a86dd6ddf1
commit
a7669bb5ff
4 changed files with 5 additions and 9 deletions
|
@ -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);"
|
||||
|
|
|
@ -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);"
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue