fix: padding of toggle button (#9024)

toeverything · Dec 19, 2024 · ad60edf · ad60edf
1 parent 5605b1a
commit ad60edf
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/affine/components/src/toggle-button/toggle-button.ts b/packages/affine/components/src/toggle-button/toggle-button.ts
@@ -13,7 +13,7 @@ export class ToggleButton extends WithDisposable(ShadowlessElement) {
     .toggle-icon {
       display: flex;
       align-items: start;
-      margin-top: 0.3em;
+      margin-top: 0.45em;
       position: absolute;
       left: 0;
       transform: translateX(-100%);

diff --git a/packages/blocks/src/root-block/widgets/drag-handle/watchers/pointer-event-watcher.ts b/packages/blocks/src/root-block/widgets/drag-handle/watchers/pointer-event-watcher.ts
@@ -117,7 +117,7 @@ export class PointerEventWatcher {
     const scaleInNote = this.widget.scaleInNote.value;
 
     const rowPaddingY =
-      ((containerHeight - DRAG_HANDLE_GRABBER_HEIGHT) / 2) * scaleInNote;
+      ((containerHeight - DRAG_HANDLE_GRABBER_HEIGHT) / 2 + 2) * scaleInNote;
 
     // use padding to control grabber's height
     const paddingTop = rowPaddingY + posTop - draggingAreaRect.top;