Merge branch 'master' into sophie-ai-images

1 files changed, 5 insertions, 21 deletions

diff --git a/src/client/views/DocumentDecorations.scss b/src/client/views/DocumentDecorations.scss
index f41cf1385..ac0ef054c 100644
--- a/src/client/views/DocumentDecorations.scss
+++ b/src/client/views/DocumentDecorations.scss
@@ -1,10 +1,9 @@
-@import 'global/globalCssVariables';
+@import 'global/globalCssVariables.module';
 
 $linkGap: 3px;
 $headerHeight: 20px;
 $resizeHandler: 8px;
 
-.documentDecorations-Dark,
 .documentDecorations {
     position: absolute;
     z-index: 2000;
@@ -40,14 +39,12 @@ $resizeHandler: 8px;
         border-radius: 50%;
     }
 }
-.documentDecorations-Dark {
-    background: dimgray;
-}
 
 .documentDecorations-container {
     position: absolute;
     top: 0;
     left: 0;
+    transform-origin: 50% calc(50% + 10px);
     display: grid;
     grid-template-rows: $headerHeight $resizeHandler 1fr $resizeHandler;
     grid-template-columns: $resizeHandler 1fr $resizeHandler;
@@ -60,6 +57,7 @@ $resizeHandler: 8px;
         flex-direction: row;
         gap: 2px;
         pointer-events: all;
+        color: black;
         cursor: move;
 
         .documentDecorations-openButton {
@@ -169,7 +167,6 @@ $resizeHandler: 8px;
             }
         }
 
-        .documentDecorations-title-Dark,
         .documentDecorations-title {
             opacity: 1;
             width: calc(100% - 60px); // = margin-left + margin-right
@@ -188,22 +185,13 @@ $resizeHandler: 8px;
                 opacity: 1;
             }
 
-            .documentDecorations-titleSpan,
-            .documentDecorations-titleSpan-Dark {
+            .documentDecorations-titleSpan {
                 width: 100%;
                 border-radius: 8px;
                 background: $light-gray;
                 display: inline-block;
                 cursor: move;
             }
-            .documentDecorations-titleSpan-Dark {
-                background: hsla(0, 0%, 0%, 0.412);
-            }
-        }
-
-        .documentDecorations-title-Dark {
-            color: white;
-            background: black;
         }
 
         .documentDecorations-titleBackground {
@@ -326,11 +314,6 @@ $resizeHandler: 8px;
         }
     }
 
-    .documentDecorations-resizer-Dark {
-        background: $light-gray;
-        opacity: 0.2;
-    }
-
     .documentDecorations-topLeftResizer,
     .documentDecorations-leftResizer,
     .documentDecorations-bottomLeftResizer {
@@ -357,6 +340,7 @@ $resizeHandler: 8px;
         background: $medium-gray;
         height: 10;
         width: 10;
+        opacity: 0.5;
         pointer-events: all;
         cursor: nwse-resize;
     }