chore: layout state fix

michaeldaineka · michaeldaineka · commit 0ecf8f6a4451 · 2020-05-08T13:01:15.000+03:00
diff --git a/src/components/Layout/Layout.module.scss b/src/components/Layout/Layout.module.scss
@@ -12,13 +12,14 @@
   min-height: 100vh;
   display: flex;
   margin-left: 284px;
-  left: 0;
   flex-direction: column;
+  //left: $sidebar-width-open - $sidebar-width-closed;
   right: 0;
   transition: left $sidebar-transition-time ease-in-out, margin-left $sidebar-transition-time ease-in-out;
 
   @media (max-width: breakpoint-max(sm)) {
     margin-left: 0;
+    //left: $sidebar-width-open;
   }
 }
 
@@ -27,8 +28,8 @@
 }
 
 .sidebarStatic .wrap {
-  left: $sidebar-width-open !important;
-  margin-left: 0;
+  left: 0;
+  margin-left: $sidebar-width-open;
 }
 
 .content {

Original file line number	Diff line number	Diff line change
`@@ -12,13 +12,14 @@`
`12`	`12`	`min-height: 100vh;`
`13`	`13`	`display: flex;`
`14`	`14`	`margin-left: 284px;`
`15`		`- left: 0;`
`16`	`15`	`flex-direction: column;`
	`16`	`+ //left: $sidebar-width-open - $sidebar-width-closed;`
`17`	`17`	`right: 0;`
`18`	`18`	`transition: left $sidebar-transition-time ease-in-out, margin-left $sidebar-transition-time ease-in-out;`
`19`	`19`
`20`	`20`	`@media (max-width: breakpoint-max(sm)) {`
`21`	`21`	`margin-left: 0;`
	`22`	`+ //left: $sidebar-width-open;`
`22`	`23`	`}`
`23`	`24`	`}`
`24`	`25`
`@@ -27,8 +28,8 @@`
`27`	`28`	`}`
`28`	`29`
`29`	`30`	`.sidebarStatic .wrap {`
`30`		`- left: $sidebar-width-open !important;`
`31`		`- margin-left: 0;`
	`31`	`+ left: 0;`
	`32`	`+ margin-left: $sidebar-width-open;`
`32`	`33`	`}`
`33`	`34`
`34`	`35`	`.content {`