Merge branch 'master' of https://github.com/browngraphicslab/Dash-Web into grid_view_secondary

1 files changed, 59 insertions, 13 deletions

diff --git a/src/client/views/linking/LinkMenu.scss b/src/client/views/linking/LinkMenu.scss
index 6468ccd3d..98e4171f0 100644
--- a/src/client/views/linking/LinkMenu.scss
+++ b/src/client/views/linking/LinkMenu.scss
@@ -1,22 +1,67 @@
 @import "../globalCssVariables";
 
 .linkMenu {
-    width: 100%;
+    width: auto;
     height: auto;
-}
-
-.linkMenu-list {
-    max-height: 200px;
-    overflow-y: scroll;
     position: absolute;
-    z-index: 10;
-    background: $link-color;
-    min-width: 150px
+    top: 0;
+    left: 0;
+
+    .linkMenu-list {
+
+        display: inline-block;
+
+        border: 1px solid black;
+
+        box-shadow: 3px 3px 1.5px grey;
+
+        max-height: 170px;
+        overflow-y: scroll;
+        position: relative;
+        z-index: 10;
+        background: white;
+        min-width: 170px;
+        //border-radius: 5px;
+        //padding-top: 6.5px;
+        //padding-bottom: 6.5px;
+        //padding-left: 6.5px;
+        //padding-right: 2px;
+        //width: calc(auto + 50px);
+
+        white-space: nowrap;
+        overflow-x: hidden;
+        width: 240px;
+        scrollbar-color: white;
+
+        &:last-child {
+            border-bottom: none;
+        }
+
+        &:hover {
+            scrollbar-color: rgb(201, 239, 252);
+        }
+    }
+
+    .linkMenu-listEditor {
+
+        display: inline-block;
+
+        border: 1px solid black;
+
+        box-shadow: 3px 3px 1.5px grey;
+
+        max-height: 170px;
+        overflow-y: scroll;
+        position: relative;
+        z-index: 10;
+        background: white;
+        min-width: 170px;
+    }
 }
 
 .linkMenu-group {
     border-bottom: 0.5px solid lightgray;
-    padding: 5px 0;
+    //@extend: 5px 0;
 
 
     &:last-child {
@@ -24,15 +69,16 @@
     }
 
     .linkMenu-group-name {
-        display: flex;
+
 
         &:hover {
             p {
                 background-color: lightgray;
+
             }
 
             p.expand-one {
-                width: calc(100% - 26px);
+                width: calc(100% + 20px);
             }
 
             .linkEditor-tableButton {
@@ -42,7 +88,7 @@
 
         p {
             width: 100%;
-            padding: 4px 6px;
+            //padding: 4px 6px;
             line-height: 12px;
             border-radius: 5px;
             font-weight: bold;