expanded preview option

1 files changed, 26 insertions, 9 deletions

diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
index 1f81bf960..857d76d4f 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
@@ -288,6 +288,12 @@
     height: 100%;
 }
 
+.docCreatorMenu-expanded-template-preview {
+    position: relative;
+    width: 100%;
+    height: 100%;
+}
+
 .docCreatorMenu-preview-window {
     position: relative;
     display: flex;
@@ -306,15 +312,6 @@
         background-color: rgb(72, 72, 73);
     }
 
-    .docCreatorMenu-preview-image{ 
-        background-color: transparent;
-        height: 100px;
-        width: 100px;
-        display: block;
-        object-fit: contain;
-        border-radius: 5px;
-    }
-
     &.empty {
         font-size: 35px;
 
@@ -358,6 +355,20 @@
     
 }
 
+.docCreatorMenu-preview-image{ 
+    background-color: transparent;
+    height: 100px;
+    width: 100px;
+    display: block;
+    object-fit: contain;
+    border-radius: 5px;
+
+    &.expanded {
+        height: 100%;
+        width: 100%;
+    }
+}
+
 .docCreatorMenu-section {
     display: flex;
     flex-direction: column;
@@ -424,6 +435,12 @@
     &.float-right {
         float: right;
     }
+
+    &.top-right {
+        position: absolute;
+        top: 3px;
+        right: 3px;
+    }
 }
 
 .docCreatorMenu-section-title {