fix tabsSidebar overflow

by adding a tabsSidebar-holder to the parent element containing both the content and the sidebar
This commit is contained in:
Felix Niklas 2014-09-29 12:54:04 +02:00
parent f5a7c3c06c
commit 0c3d3e63a6
5 changed files with 67 additions and 57 deletions

View file

@ -1,3 +1,4 @@
<div class="tabsSidebar-holder">
<div class="main no-padding flex tabsSidebarSpace"> <div class="main no-padding flex tabsSidebarSpace">
<div class="newTicket"> <div class="newTicket">
<div class="box"> <div class="box">
@ -44,6 +45,7 @@
</div> </div>
<div class="tabsSidebar vertical"></div> <div class="tabsSidebar vertical"></div>
</div>
<!-- <!--
<div class="sidebar"> <div class="sidebar">
<div class="widgets"> <div class="widgets">

View file

@ -1,3 +1,4 @@
<div class="tabsSidebar-holder flex horizontal">
<div class="main flex tabsSidebarSpace"> <div class="main flex tabsSidebarSpace">
<h1>content</h1> <h1>content</h1>
@ -15,3 +16,4 @@ Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit no
</div> </div>
<div class="tabsSidebar vertical"></div> <div class="tabsSidebar vertical"></div>
</div>

View file

@ -1,4 +1,4 @@
<div class="flex vertical"> <div class="tabsSidebar-holder flex vertical">
<div class="flex u-positionOrigin horizontal"> <div class="flex u-positionOrigin horizontal">
<div class="main no-padding flex tabsSidebarSpace"> <div class="main no-padding flex tabsSidebarSpace">
<div class="ticketZoom"> <div class="ticketZoom">

View file

@ -1,4 +1,4 @@
<div class="flex vertical"> <div class="tabsSidebar-holder flex vertical">
<div class="flex u-positionOrigin horizontal"> <div class="flex u-positionOrigin horizontal">
<div class="main flex tabsSidebarSpace"> <div class="main flex tabsSidebarSpace">
<div class="userZoom"> <div class="userZoom">

View file

@ -2375,6 +2375,7 @@ footer {
} }
.ticket-title h1 { .ticket-title h1 {
max-width: 350px;
margin-top: 15px; margin-top: 15px;
margin-bottom: 8px; margin-bottom: 8px;
text-align: center; text-align: center;
@ -2839,6 +2840,11 @@ footer {
margin-right: 0; margin-right: 0;
} }
.tabsSidebar-holder {
overflow: hidden;
position: relative;
}
.tabsSidebar .sidebar { .tabsSidebar .sidebar {
width: 280px; width: 280px;
border-left: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;