Sidebar bug fix - see release notes

Zaffri · May 13, 2016 · 954929f · 954929f
1 parent 5c4fe1c
commit 954929f
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 6 deletions.
diff --git a/Jolt/css/sidebar.css b/Jolt/css/sidebar.css
@@ -1,7 +1,7 @@
 /* --------------------------------------------------------
     Jolt Topbar CSS File
 
-    Version:    1.1.0
+    Version:    1.2.1
     Author:     Steven Morrison
 
     Website:    jolt.zaffri.com
@@ -36,11 +36,19 @@
     color: #fff;
 }
 
-#side-bar, #side-body {
+#side-bar {
     float: left;
 }
 
+#side-body {
+    float: right;
+    width: calc(100% - 330px); /* Full width */
+}
+
 #side-bar {
+    position: fixed;
+    top: 0;
+    left: 0;
     width: 330px;
     background: #070c10;
     color: #a3a8a9;
@@ -54,8 +62,6 @@
 
 @media (max-width: 950px) {
     #side-bar {
-        position: fixed;
-        top: 0;
         left: -330px;
         -webkit-transition: left 1s ease-in;
         -moz-transition: left 1s ease-in;
@@ -67,6 +73,9 @@
         z-index: 9999;
         left: 10px;
     }
+    #side-body {
+        width: 100%;
+    }
 }
 
 #mobile-checkbox {

diff --git a/Jolt/css/sidebar.min.css b/Jolt/css/sidebar.min.css
diff --git a/Release-notes.txt b/Release-notes.txt
@@ -1,4 +1,11 @@
 
+---- Jolt 1.2.1 ----
+
+    Fix: Sidebar now fixed position when body > viewport height.
+
+--------------------
+
+
 ---- Jolt 1.2.0 ----
 
     Update: Sidebar componenet created - topbar alternative menu.

diff --git a/demos/demo-sidebar.html b/demos/demo-sidebar.html
@@ -7,6 +7,13 @@
 
     <link rel="stylesheet" type="text/css" href="../jolt/css/global.min.css" />
     <link rel="stylesheet" type="text/css" href="../jolt/css/sidebar.min.css" />
+
+    <!-- Styles for demo only -->
+    <style>
+        #side-body {
+            height: 2000px;
+        }
+    </style>
 
 </head>
 <body>
@@ -34,7 +41,7 @@ <h4>MENU</h4>
 <!-- Sidebody -->
     <section id="side-body">
 
-
+        test
 
     </section>
 <!-- End of Sidebody -->