fix the sidebar

This commit is contained in:
Oliver Gorwits
2012-01-21 01:28:27 +00:00
parent 23df3d39dd
commit 00561ca439
4 changed files with 15 additions and 9 deletions

View File

@@ -171,9 +171,8 @@ form .clearfix.success input {
/* for placing the sidebar toggle icons */ /* for placing the sidebar toggle icons */
#sidebar_toggle_img_in { #sidebar_toggle_img_in {
position: fixed; margin-top: -10px;
top: 60px; margin-left: 164px;
left: 205px;
} }
/* for placing the sidebar toggle icons */ /* for placing the sidebar toggle icons */
@@ -185,3 +184,14 @@ form .clearfix.success input {
display: none; display: none;
} }
/* pull the device label closer to the top of the sidebar
to reduce the useless gap */
h3.device_label {
margin-top: -12px;
}
/* make the sidebar fixed on the screen */
.sidebar {
position: fixed !important;
margin-top: 50px;
}

View File

@@ -1,6 +1,5 @@
<img class="sidebar_toggle" id="sidebar_toggle_img_out" <img class="sidebar_toggle" id="sidebar_toggle_img_out"
src="[% uri_base %]/images/application_side_expand.png" src="[% uri_base %]/images/application_side_expand.png"/>
rel="twipsy" data-placement="right" data-offset="5" title="Show Sidebar"/>
<div class="container-fluid"> <div class="container-fluid">
<div class="sidebar"> <div class="sidebar">
<div class="well"> <div class="well">

View File

@@ -1,7 +1,6 @@
// sidebar toggle // sidebar toggle
$('#sidebar_toggle_img_in').click( $('#sidebar_toggle_img_in').click(
function() { function() {
$('#sidebar_toggle_img_in').toggle();
$('.sidebar').toggle( $('.sidebar').toggle(
function() { function() {
$('#sidebar_toggle_img_out').toggle(); $('#sidebar_toggle_img_out').toggle();
@@ -16,7 +15,6 @@
$('.nd_content').animate({'margin-left': '225px !important'}, 200, $('.nd_content').animate({'margin-left': '225px !important'}, 200,
function() { function() {
$('.sidebar').toggle(200); $('.sidebar').toggle(200);
$('#sidebar_toggle_img_in').toggle();
} }
); );
} }

View File

@@ -1,6 +1,5 @@
<img class="sidebar_toggle" id="sidebar_toggle_img_out" <img class="sidebar_toggle" id="sidebar_toggle_img_out"
src="[% uri_base %]/images/application_side_expand.png" src="[% uri_base %]/images/application_side_expand.png"/>
rel="twipsy" data-placement="right" data-offset="5" title="Show Sidebar"/>
<div class="container-fluid"> <div class="container-fluid">
<div class="sidebar"> <div class="sidebar">
<div class="well"> <div class="well">