Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix scrollPageHeader width when folding the sidebar

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco
View file

@ -7,7 +7,7 @@
<h2>Ticket Article</h2> <h2>Ticket Article</h2>
<div class="ticketZoom"> <div class="ticketZoom">
<div class="scrollPageHeader zIndex-9 horizontal center" <div class="scrollPageHeader tabsSidebar-sidebarSpacer"
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);"

2
app/assets/javascripts/app/views/layout_ref/highlight.jst.eco
View file

@ -40,7 +40,7 @@
</li> </li>
</div> </div>
<div class="scrollPageHeader zIndex-9 horizontal center" <div class="scrollPageHeader tabsSidebar-sidebarSpacer"
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);"

2
app/assets/javascripts/app/views/ticket_zoom.jst.eco
View file

@ -1,7 +1,7 @@
<div class="tabsSidebar-holder"> <div class="tabsSidebar-holder">
<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"> <div class="scrollPageHeader tabsSidebar-sidebarSpacer">
<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"></div> <div class="ticket-title"></div>
<div class="highlighter"></div> <div class="highlighter"></div>

8
app/assets/stylesheets/zammad.css.scss
View file

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