diff options
| author | bobzel <zzzman@gmail.com> | 2025-06-24 09:28:11 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2025-06-24 09:28:11 -0400 |
| commit | 1396850b90ed2dcca3776057ec4a7f2fc7ff297a (patch) | |
| tree | 7b40aad22f626c8da26c98ea473a29a69ab4aee4 | |
| parent | 4cad8cf302347f26f9030e623764949b9b9bd611 (diff) | |
fixed rotation handle placement when rotated
| -rw-r--r-- | src/client/views/DocumentDecorations.scss | 4 | ||||
| -rw-r--r-- | src/client/views/DocumentDecorations.tsx | 8 |
2 files changed, 5 insertions, 7 deletions
diff --git a/src/client/views/DocumentDecorations.scss b/src/client/views/DocumentDecorations.scss index 25a806abd..d79826b3c 100644 --- a/src/client/views/DocumentDecorations.scss +++ b/src/client/views/DocumentDecorations.scss @@ -13,8 +13,8 @@ $resizeHandler: 8px; border-radius: 100%; height: 30px; width: 30px; - right: -40; - bottom: -20; + right: -40px; + bottom: -20px; //top: calc(50% - 15px); position: absolute; pointer-events: all; diff --git a/src/client/views/DocumentDecorations.tsx b/src/client/views/DocumentDecorations.tsx index 7a9f6c514..2b7050cf0 100644 --- a/src/client/views/DocumentDecorations.tsx +++ b/src/client/views/DocumentDecorations.tsx @@ -906,11 +906,9 @@ export class DocumentDecorations extends ObservableReactComponent<DocumentDecora <div style={{ position: 'absolute', - transform: `rotate(${rotation}deg)`, - width: this.Bounds.r - this.Bounds.x + 'px', - height: this.Bounds.b - this.Bounds.y + 'px', - left: this.Bounds.r, - top: this.Bounds.b, + transform: `translate(${bounds.x - this._resizeBorderWidth}px, ${bounds.y - this._resizeBorderWidth}px) rotate(${rotation}deg)`, + width: bounds.r - bounds.x + 2 * this._resizeBorderWidth + 'px', + height: bounds.b - bounds.y + 2 * this._resizeBorderWidth + 'px', pointerEvents: 'none', }}> {this._isRotating ? null : ( |