use flexbox for sidebar and toolbox positioning

DevStarks · Apr 13, 2017 · 33e1174 · 33e1174
1 parent c7da9af
commit 33e1174
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/Main/Sidebar/styles.scss b/src/Main/Sidebar/styles.scss
@@ -4,7 +4,6 @@
 :local(.Sidebar) {
   background-color:$color-background-medium;
   width: 8rem;
-  position: absolute;
   top: 0;
   bottom: 0;
   padding: 1rem;

diff --git a/src/Main/Toolbox/styles.scss b/src/Main/Toolbox/styles.scss
@@ -3,4 +3,6 @@
 
 :local(.Toolbox) {
   background-color:#fff;
+  height: 100vh;
+  flex: 1;
 }
diff --git a/src/Main/styles.scss b/src/Main/styles.scss
@@ -3,7 +3,7 @@
 
 :local(.Main) {
 	background-color:$background-color;
-
+	display: flex;
 	min-height: 100vh;
   width: 100vw;
 	position:relative;