From 77bf838bebc813d476788fabed6bc7bcbf8197b0 Mon Sep 17 00:00:00 2001
From: Nathan-SR <144961007+Nathan-SR@users.noreply.github.com>
Date: Wed, 10 Jul 2024 14:36:39 -0400
Subject: images displaying

---
 .../views/nodes/DataVizBox/DocCreatorMenu.scss     | 54 ++++++++++++++++++++--
 1 file changed, 50 insertions(+), 4 deletions(-)

(limited to 'src/client/views/nodes/DataVizBox/DocCreatorMenu.scss')

diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
index dc0f99cbd..43d4ed7e5 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
@@ -23,13 +23,13 @@
     font-size: 14px;
      
     &.right{
-        margin-left: auto;
+        margin-left: 0px;
         font-size: 12px;
     }
 
     &.close-menu {
-        margin-left: 0px;
         font-size: 12px;
+        margin-left: auto;
     }
 
     &.options {
@@ -46,7 +46,7 @@
     margin-bottom: 0px;
 }
 
-.docCreatorMenu-preview-content {
+.docCreatorMenu-preview-container {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     overflow-y: scroll;
@@ -64,4 +64,50 @@
         border: 1px solid whitesmoke;
         border-radius: 5px;
     }
-}
\ No newline at end of file
+}
+
+.docCreatorMenu-options-container {
+    display: flex;
+    overflow-y: scroll;
+    margin: 5px;
+    width: calc(100% - 10px);
+    height: calc(100% - 51px);
+    border: 1px solid whitesmoke;
+    border-radius: 5px;
+
+    .docCreatorMenu-dropdown-button{
+        display: flex;
+        width: 120px;
+        height: 30px;
+        background: whitesmoke; 
+        background-color: rgb(34, 34, 37);
+        border-radius: 5px;
+        border: 1px solid whitesmoke;
+        padding: 0px;
+        font-size: 13px;
+        margin: 10px;
+        align-content: center;
+        justify-content: center;
+        text-transform: uppercase;
+
+        // &:hover .docCreatorMenu-dropdown-content{
+        //     display: block;
+        // }
+    }
+
+    .docCreatorMenu-dropdown-content {
+        display: none;
+        position: absolute;
+        min-width: 100px;
+        z-index: 1;
+
+        .docCreatorMenu-dropdown-option{
+            display: block;
+        }
+
+    }
+
+
+
+}
+
-- 
cgit v1.2.3-70-g09d2