cleaned up MainView a bit.

1 files changed, 52 insertions, 8 deletions

diff --git a/src/client/views/MainView.scss b/src/client/views/MainView.scss
index 05a8b5c80..6cec5995c 100644
--- a/src/client/views/MainView.scss
+++ b/src/client/views/MainView.scss
@@ -110,7 +110,7 @@
     height: 55px;
     width: 17px;
     position: absolute;
-    top: 55%;
+    top: 50%;
     border: 1px black solid;
     border-radius: 0;
     border-top-left-radius: 10px;
@@ -143,15 +143,20 @@
     cursor: auto;
 }
 
-.mainView-flyoutContainer {
-    display: flex;
-    flex-direction: column;
+.mainView-innerContent {
+    display: contents;
+    flex-direction: row;
     position: relative;
-    height: 100%;
-    background: dimgray;
+    .mainView-flyoutContainer {
+        display: flex;
+        flex-direction: column;
+        position: relative;
+        height: 100%;
+        background: dimgray;
 
-    .documentView-node-topmost {
-        background: lightgrey;
+        .documentView-node-topmost {
+            background: lightgrey;
+        }
     }
 }
 
@@ -265,6 +270,7 @@
     transform: none !important;
 }
 
+.mainView-libraryFlyout-out,
 .mainView-libraryFlyout {
     height: 100%;
     width: 100%;
@@ -273,6 +279,13 @@
     flex-direction: column;
     z-index: 2;
 
+    .mainView-contentArea {
+        position: relative;
+        height: 100%; 
+        width: 100%;
+        overflow: visible;
+    }
+
     .mainView-libraryFlyout-close {
         right: 6;
         top: 5;
@@ -282,6 +295,10 @@
         margin-bottom: 10;
     }
 }
+.mainView-libraryFlyout-out {
+    transition: width .5s;
+    box-shadow: rgb(156, 147, 150) 0.2vw 0.2vw 0.2vw;
+}
 
 .mainView-expandFlyoutButton {
     position: absolute;
@@ -303,6 +320,16 @@
     background-color: lightgrey;
     cursor: grab;
 
+    .mainView-libraryDragger {
+        width: 100%;
+        position: absolute;
+    }
+    .mainView-libraryDragger-out {
+        width: 3vw;
+        position: fixed;
+        top: 0;
+    }
+
     .mainView-libraryHandle-icon {
         width: 10px;
         height: 10px;
@@ -329,4 +356,21 @@
     height: 25%;
     position: relative;
     display: flex;
+}
+
+.mainVew-webRef {
+    position: absolute;
+    left: -1000;
+    top: -1000;
+    display: block;
+    width: 200px;
+    height: 800px;
+}
+.mainVew-invisibleWebRef {
+    position: absolute;
+    left: 50;
+    top: 50;
+    display: block;
+    width: 500px;
+    height: 1000px;
 }
\ No newline at end of file