added rotation around an arbitrary point to doc decos. fixed show title for func plots and for shared docs in novice mode.

1 files changed, 30 insertions, 26 deletions

diff --git a/src/client/views/DocumentDecorations.scss b/src/client/views/DocumentDecorations.scss
index 2e8d31478..e915fc88d 100644
--- a/src/client/views/DocumentDecorations.scss
+++ b/src/client/views/DocumentDecorations.scss
@@ -8,12 +8,38 @@ $resizeHandler: 8px;
 .documentDecorations {
     position: absolute;
     z-index: 2000;
+
+    // Rotation handler
+    .documentDecorations-rotation {
+        border-radius: 100%;
+        height: 30;
+        width: 30;
+        right: -17;
+        top: calc(50% - 15px);
+        position: absolute;
+        pointer-events: all;
+        cursor: pointer;
+        background: white;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        text-align: center;
+        font-size: 30px;
+    }
+    .documentDecorations-rotationCenter {
+        position: absolute;
+        width: 6px;
+        height: 6px;
+        pointer-events: all;
+        background: green;
+        border-radius: 50%;
+    }
 }
 .documentDecorations-Dark {
     background: dimgray;
 }
+
 .documentDecorations-container {
-    z-index: $docDecorations-zindex;
     position: absolute;
     top: 0;
     left: 0;
@@ -29,7 +55,6 @@ $resizeHandler: 8px;
         flex-direction: row;
         gap: 2px;
 
-
         .documentDecorations-openButton {
             display: flex;
             align-items: center;
@@ -51,7 +76,7 @@ $resizeHandler: 8px;
                 color: #02600d;
             }
         }
-        
+
         .documentDecorations-closeButton {
             display: flex;
             align-items: center;
@@ -71,7 +96,7 @@ $resizeHandler: 8px;
             &:hover {
                 color: #a94442;
             }
-        
+
             > svg {
                 margin: 0;
             }
@@ -98,7 +123,7 @@ $resizeHandler: 8px;
             &:hover {
                 color: #a94442;
             }
-        
+
             > svg {
                 margin: 0;
             }
@@ -207,25 +232,6 @@ $resizeHandler: 8px;
         grid-column: 3;
     }
 
-    // Rotation handler
-    .documentDecorations-rotation {
-        border-radius: 100%;
-        height: 30;
-        width: 30;
-        right: -10;
-        top: 50%;
-        z-index: 1000000;
-        position: absolute;
-        pointer-events: all;
-        cursor: pointer;
-        background: white;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        text-align: center;
-        font-size: 30px;
-    }
-
     // Border radius handler
     .documentDecorations-borderRadius {
         position: absolute;
@@ -353,8 +359,6 @@ $resizeHandler: 8px;
     }
 }
 
-
-
 .documentDecorations-background {
     background: lightblue;
     position: absolute;