From f42d592381c657b9aa57408ec7b1b35c035dd20c Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Tue, 18 Oct 2022 11:06:38 -0400
Subject: hide rotate center by default

---
 src/client/views/DocumentDecorations.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

(limited to 'src')

diff --git a/src/client/views/DocumentDecorations.tsx b/src/client/views/DocumentDecorations.tsx
index 8f66eaca7..91fb4e4df 100644
--- a/src/client/views/DocumentDecorations.tsx
+++ b/src/client/views/DocumentDecorations.tsx
@@ -388,7 +388,7 @@ export class DocumentDecorations extends React.Component<{ PanelWidth: number; P
                 this._isRotating = false;
                 rotateUndo?.end();
             }), // upEvent
-            emptyFunction
+            action(e => (this._showRotCenter = !this._showRotCenter)) // clickEvent
         );
     };
 
@@ -636,6 +636,7 @@ export class DocumentDecorations extends React.Component<{ PanelWidth: number; P
         return SelectionManager.Views().some(docView => docView.rootDoc.layoutKey === 'layout_icon');
     }
 
+    @observable _showRotCenter = false;
     @observable _rotCenter = [0, 0];
     @computed get rotCenter() {
         if (SelectionManager.Views().length) {
@@ -833,12 +834,14 @@ export class DocumentDecorations extends React.Component<{ PanelWidth: number; P
                                         <IconButton icon={<FaUndo />} isCircle={true} hoverStyle={'lighten'} backgroundColor={Colors.DARK_GRAY} color={Colors.LIGHT_GRAY} />
                                     </div>
                                 </div>
-                                <div
-                                    className="documentDecorations-rotationCenter"
-                                    style={{ transform: `translate(${this.rotCenter[0] - 3}px, ${this.rotCenter[1] - 3}px)` }}
-                                    onPointerDown={this.onRotateCenterDown}
-                                    onContextMenu={e => e.preventDefault()}
-                                />
+                                {!this._showRotCenter ? null : (
+                                    <div
+                                        className="documentDecorations-rotationCenter"
+                                        style={{ transform: `translate(${this.rotCenter[0] - 3}px, ${this.rotCenter[1] - 3}px)` }}
+                                        onPointerDown={this.onRotateCenterDown}
+                                        onContextMenu={e => e.preventDefault()}
+                                    />
+                                )}
                             </>
                         )}
                     </div>
-- 
cgit v1.2.3-70-g09d2