fix: styles

toeverything · Apr 26, 2024 · 9fd90a5 · 9fd90a5
1 parent aa9cfc2
commit 9fd90a5
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/packages/blocks/src/database-block/data-view/view/presets/table/controller/drag-to-fill.ts b/packages/blocks/src/database-block/data-view/view/presets/table/controller/drag-to-fill.ts
@@ -29,6 +29,7 @@ export class DragToFillElement extends ShadowlessElement {
     }
     .drag-to-fill.dragging {
       scale: 1.1;
+      border-style: dashed;
     }
   `;
   @state()
@@ -54,6 +55,18 @@ export class DragToFillElement extends ShadowlessElement {
       @dragstart=${this.onDragStart}
       class="drag-to-fill ${this.dragging ? 'dragging' : ''}"
     ></div>`;
+
+    // TODO add tooltip
+    // return html`<div
+    //   ${ref(this.dragToFillRef)}
+    //   draggable="true"
+    //   @dragstart=${this.onDragStart}
+    //   class="drag-to-fill ${this.dragging ? 'dragging' : ''}"
+    // >
+    //   <affine-tooltip .placement=${'right'} .arrow=${false} .offset=${8}>
+    //     Drag vertically to fill
+    //   </affine-tooltip>
+    // </div>`;
   }
 }
 

diff --git a/packages/blocks/src/database-block/data-view/view/presets/table/controller/selection.ts b/packages/blocks/src/database-block/data-view/view/presets/table/controller/selection.ts
@@ -551,6 +551,9 @@ export class TableSelectionController implements ReactiveController {
       div.style.width = `${w}px`;
       div.style.height = `${h}px`;
       div.style.borderColor = 'var(--affine-primary-color)';
+      div.style.borderStyle = this.__dragToFillElement.dragging
+        ? 'dashed'
+        : 'solid';
       div.style.boxShadow = isEditing
         ? '0px 0px 0px 2px rgba(30, 150, 235, 0.30)'
         : 'unset';