Răsfoiți Sursa

feat(editor): replace drag handle with asterisk, increase base opacity

- Swap grip-vertical icon for asterisk to align with outliner-style affordance
- Change base opacity from 0 to 30 so the handle is faintly visible at rest
Zander Hawke 20 ore în urmă
părinte
comite
7d1673f99f
1 a modificat fișierele cu 3 adăugiri și 2 ștergeri
  1. 3 2
      packages/editor/src/components/Editor.vue

+ 3 - 2
packages/editor/src/components/Editor.vue

@@ -1054,11 +1054,12 @@ defineExpose({
           draggable="true"
           draggable="true"
           class="flex items-center justify-center cursor-grab active:cursor-grabbing rounded transition-all"
           class="flex items-center justify-center cursor-grab active:cursor-grabbing rounded transition-all"
           data-drag-handle
           data-drag-handle
-          :class="dragState?.blockId === block.id ? 'size-7 text-(--ui-primary)' : 'size-6 text-(--ui-text-muted) opacity-0 group-hover/block:opacity-100 group-hover/block:text-(--ui-primary)'"
+          :class="dragState?.blockId === block.id ? 'size-7 text-(--ui-primary)'
+            : 'size-6 text-(--ui-text-muted) opacity-30 group-hover/block:opacity-100 group-hover/block:text-(--ui-primary)'"
           @dragstart="onDragStart(i, block.id, block.content, block.depth, $event)"
           @dragstart="onDragStart(i, block.id, block.content, block.depth, $event)"
           @dragend="onDragEnd"
           @dragend="onDragEnd"
         >
         >
-          <UIcon name="i-lucide-grip-vertical" class="size-4" />
+          <UIcon name="i-lucide-asterisk" />
         </div>
         </div>
       </div>
       </div>