fixed #content

Author: onokumus

Gruntfile.js

@@ -77,7 +77,7 @@ module.exports = function (grunt) {
         assemble: {
             // Task-level options
             options: {
-                flattern: true,
+                flatten: true,
                 postprocess: require('pretty'),
                 assets: 'dist/assets',
                 data: 'src/data/*.{json,yml}',

dist/assets/css/main.css

@@ -78,6 +78,9 @@ body.padTop53 {
     position: relative;
     float: left;
   }
+  .side-right #left {
+    float: right;
+  }
   #left #menu.affix {
     position: fixed;
     top: 0;
@@ -89,16 +92,19 @@ body.padTop53 {
   #left #menu.affix:hover {
     overflow-y: scroll;
   }
+  #left #menu.affix li > ul {
+    position: relative;
+    width: auto;
+    left: auto;
+    top: auto;
+  }
   #left #menu.affix > li:last-child > a:last-child {
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.05) inset;
     border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   }
   body.padTop53 #left #menu.affix {
     top: 53px;
   }
-  .side-right #left {
-    float: right;
-  }
   #content {
     margin-left: 100px;
   }
@@ -648,8 +654,8 @@ body.padTop53 {
 }
 /* BEGIN CONTENT STYLES */
 #content {
-  -webkit-transition: margin 0.4s;
-  transition: margin 0.4s;
+  -webkit-transition: width 0.4s;
+  transition: width 0.4s;
 }
 .outer {
   padding: 10px;

dist/assets/css/main.min.css

@@ -1,7 +1,7 @@
 /* BEGIN CONTENT STYLES */
 
 #content {
-    .transition(margin .4s);
+    .transition(width .4s);
 }
 
 

src/assets/less/main/general/content.less

@@ -25,30 +25,37 @@ body.padTop53 {
 
 
 @media (min-width: @screen-tablet) {
-    #left {
-        width: @miniSidebarWidth;
-        position: relative;
-        #menu.affix{
+  #left {
+    
+	width: @miniSidebarWidth;
+    position: relative;
+	float: left;
+    .side-right & {float:right;}
+    
+	#menu.affix{
 	  position: fixed;
 	  top:0;
 	  width: @miniSidebarWidth;
 	  overflow-x:hidden;
 	  overflow-y:hidden;
 	  -webkit-overflow-scrolling: touch;
 	  &:hover {overflow-y:scroll;}
+	  
+	  li > ul {
+		position: relative;
+		width: auto;
+		left:auto;
+		top:auto;
+	  }
+	  
 	  > li:last-child > a:last-child {
-	    box-shadow: 0 1px 0 rgba(255,255,255,.05), 0 1px 0 rgba(255,255,255,.05) inset;
-	    border-bottom: 1px solid rgba(0,0,0,.3);
-	    }
-	    body.padTop53 & {
-	      top:53px;
+		  box-shadow: 0 1px 0 rgba(255,255,255,.05), 0 1px 0 
+rgba(255,255,255,.05) inset;
+		  border-bottom: 1px solid rgba(0,0,0,.3);
 	    }
-        }
-        float: left;
-        .side-right & {
-            float:right;
-        }
-    }
+	    body.padTop53 & {top:53px;}
+      }
+  }
     #content {
         margin-left: @miniSidebarWidth;
         .side-right & {