diff options
| -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 : ( |