locking into hotkey buttons

1 files changed, 21 insertions, 17 deletions

diff --git a/src/client/views/nodes/IconTagBox.tsx b/src/client/views/nodes/IconTagBox.tsx
index 9a2273c3a..73360b684 100644
--- a/src/client/views/nodes/IconTagBox.tsx
+++ b/src/client/views/nodes/IconTagBox.tsx
@@ -41,24 +41,24 @@ export class IconTagBox extends ObservableReactComponent<IconTagProps> {
         this.ref = React.createRef();
     }
 
-    componentDidMount(): void {
-        this.height = this.ref.current?.getBoundingClientRect().height ? this.ref.current?.getBoundingClientRect().height : 0;
-        this._props.doc._keywordHeight = this.height;
-
-        reaction(
-            () => this.currentScale,
-            () => {
-                if (this.currentScale < 1) {
-                    this.height = this.ref.current?.getBoundingClientRect().height ? this.ref.current?.getBoundingClientRect().height : 0;
-                    this._props.doc._keywordHeight = this.height;
-                }
-            }
-        );
-    }
+    // componentDidMount(): void {
+    //     this.height = this.ref.current?.getBoundingClientRect().height ? this.ref.current?.getBoundingClientRect().height : 0;
+    //     this._props.doc._keywordHeight = this.height;
+
+    //     reaction(
+    //         () => this.currentScale,
+    //         () => {
+    //             if (this.currentScale < 1) {
+    //                 this.height = this.ref.current?.getBoundingClientRect().height ? this.ref.current?.getBoundingClientRect().height : 0;
+    //                 this._props.doc._keywordHeight = this.height;
+    //             }
+    //         }
+    //     );
+    // }
 
     componentDidUpdate(prevProps: Readonly<IconTagProps>): void {
-        this.height = this.ref.current?.getBoundingClientRect().height ? this.ref.current?.getBoundingClientRect().height : 0;
-        this._props.doc._keywordHeight = this.height;
+        // this.height = this.ref.current?.getBoundingClientRect().height ? this.ref.current?.getBoundingClientRect().height : 0;
+        this._props.doc[DocData].tagHeight = 36*this.currentScale;
     }
 
     /**
@@ -93,12 +93,16 @@ export class IconTagBox extends ObservableReactComponent<IconTagProps> {
             3: 'bolt'
         };
 
+
+
         return (
             <div
             className="card-button-container"
             style={{
                 transformOrigin: 'top left',
-                transform: `scale(${1 / this.currentScale}) translateY(${doc[DocData].showLabels ? doc._keywordHeight as number : 0}px)`,
+                transform: `scale(${1 / this.currentScale})
+                translateY(${doc[DocData].showLabels ? ((NumCast(doc[DocData].keywordHeight)*(1-this.currentScale))) : 0}px)
+                `,
                 width: `${totalWidth}px`,
                 fontSize: '50px'
             }}