1 files changed, 31 insertions, 4 deletions
diff --git a/src/client/views/nodes/DocumentView.scss b/src/client/views/nodes/DocumentView.scss
index 7568e3b57..dd5fd0d0c 100644
--- a/src/client/views/nodes/DocumentView.scss
+++ b/src/client/views/nodes/DocumentView.scss
@@ -1,4 +1,4 @@
-@import '../global/globalCssVariables.module.scss';
+@use '../global/globalCssVariables.module.scss' as global;
 
 .documentView-effectsWrapper {
     border-radius: inherit;
@@ -28,7 +28,7 @@
     // overflow: hidden; // need this so that title will be clipped when borderRadius is set
     //  transition: outline 0.3s linear;
 
-    // background: $white; //overflow: hidden;
+    // background: global.$white; //overflow: hidden;
     transform-origin: center;
 
     &.minimized {
@@ -180,7 +180,7 @@
 
         .documentView-titleWrapper,
         .documentView-titleWrapper-hover {
-            color: $black;
+            color: global.$black;
             transform-origin: top left;
             top: 0;
             width: 100%;
@@ -242,7 +242,7 @@
 
 .contentFittingDocumentView * {
     ::-webkit-scrollbar-track {
-        background: none; 
+        background: none;
     }
 }
 
@@ -270,3 +270,30 @@
         position: relative;
     }
 }
+
+.documentView-noAIWidgets {
+    transform-origin: top left;
+    position: relative;
+}
+
+.documentView-editorView-history {
+    position: absolute;
+    transform-origin: top right;
+    right: 0;
+    top: 0;
+    overflow-y: scroll;
+    scrollbar-width: thin;
+}
+
+.documentView-editorView {
+    width: 100%;
+    scrollbar-width: thin;
+    justify-items: center;
+    background-color: rgb(223, 223, 223);
+    transform-origin: top left;
+    background: transparent;
+
+    .documentView-editorView-resizer {
+        height: 5px;
+    }
+}