drag drop fixes for docking

1 files changed, 14 insertions, 11 deletions

diff --git a/src/views/collections/CollectionDockingView.scss b/src/views/collections/CollectionDockingView.scss
index 43af7c538..249f837f7 100644
--- a/src/views/collections/CollectionDockingView.scss
+++ b/src/views/collections/CollectionDockingView.scss
@@ -5,9 +5,11 @@
     left: 0;
     overflow: hidden;
     .flexlayout__layout {
-        width: 100%;
-        height: 100%;
-        position: relative;
+        left: 0;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        position: absolute;
         overflow:hidden;
     }
     
@@ -79,9 +81,10 @@
     
     .flexlayout__tab {
         overflow: auto;
-        position: absolute;
+        position:absolute;
         box-sizing: border-box;
         background-color: #222;
+        color:black;
     }
     
     .flexlayout__tab_button {
@@ -137,7 +140,7 @@
     
     .flexlayout__tab_button:hover .flexlayout__tab_button_trailing,
     .flexlayout__tab_button--selected .flexlayout__tab_button_trailing{
-        //background: transparent url("../images/close_white.png") no-repeat center;
+        background: transparent url("../../../node_modules/flexlayout-react/images/close_white.png") no-repeat center;
     }
     
     .flexlayout__tab_button_overflow {
@@ -150,7 +153,7 @@
         font-size: 10px;
         color:lightgray;
         font-family: Arial, sans-serif;
-        //background: transparent url("../images/more.png") no-repeat left;
+        background: transparent url("../../../node_modules/flexlayout-react/images/more.png") no-repeat left;
     }
     
     .flexlayout__tabset_header
@@ -185,12 +188,12 @@
     
     .flexlayout__tabset-selected
     {
-        //background-image: linear-gradient(#111, #444);
+        background-image: linear-gradient(#111, #444);
     }
     
     .flexlayout__tabset-maximized
     {
-        //background-image: linear-gradient(#666, #333);
+        background-image: linear-gradient(#666, #333);
     }
     
     .flexlayout__tab_toolbar {
@@ -208,7 +211,7 @@
         height:20px;
         border:none;
         outline-width: 0;
-        //background: transparent url("../images/maximize.png") no-repeat center;
+        background: transparent url("../../../node_modules/flexlayout-react/images/maximize.png") no-repeat center;
     
     }
     .flexlayout__tab_toolbar_button-max {
@@ -216,7 +219,7 @@
         height:20px;
         border:none;
         outline-width: 0;
-        //background: transparent url("../images/restore.png") no-repeat center;
+        background: transparent url("../../../node_modules/flexlayout-react/images/restore.png") no-repeat center;
     }
     
     .flexlayout__popup_menu {
@@ -339,7 +342,7 @@
     
     .flexlayout__border_button:hover .flexlayout__border_button_trailing,
     .flexlayout__border_button--selected .flexlayout__border_button_trailing{
-        //background: transparent url("../images/close_white.png") no-repeat center;
+        background: transparent url("../../../node_modules/flexlayout-react/images/close_white.png") no-repeat center;
     }