fix: replace braille glyph drag handle with SVG grip icon

This commit is contained in:
Falkan
2026-03-18 16:26:39 -04:00
parent 5ed392a2d4
commit 21f1f6baaa

View File

@@ -729,7 +729,7 @@
ondragstart={(e) => onUnitDragStart(e, unit.id, unit.group ?? null)}
ondragend={onUnitDragEnd}
title="Drag to reorder"
></span>
><svg xmlns="http://www.w3.org/2000/svg" width="10" height="14" viewBox="0 0 10 14" fill="currentColor" aria-hidden="true"><circle cx="2" cy="2" r="1.5"/><circle cx="8" cy="2" r="1.5"/><circle cx="2" cy="7" r="1.5"/><circle cx="8" cy="7" r="1.5"/><circle cx="2" cy="12" r="1.5"/><circle cx="8" cy="12" r="1.5"/></svg></span>
<input
type="checkbox"
checked={checkedUnitIds.has(unit.id)}
@@ -786,7 +786,7 @@
ondragstart={(e) => onUnitDragStart(e, unit.id, null)}
ondragend={onUnitDragEnd}
title="Drag to reorder"
></span>
><svg xmlns="http://www.w3.org/2000/svg" width="10" height="14" viewBox="0 0 10 14" fill="currentColor" aria-hidden="true"><circle cx="2" cy="2" r="1.5"/><circle cx="8" cy="2" r="1.5"/><circle cx="2" cy="7" r="1.5"/><circle cx="8" cy="7" r="1.5"/><circle cx="2" cy="12" r="1.5"/><circle cx="8" cy="12" r="1.5"/></svg></span>
<input
type="checkbox"
checked={checkedUnitIds.has(unit.id)}
@@ -1280,11 +1280,12 @@
.drag-handle {
cursor: grab;
color: var(--pico-muted-color);
font-size: 0.9rem;
padding: 0 0.1rem;
flex-shrink: 0;
user-select: none;
line-height: 1;
display: inline-flex;
align-items: center;
}
.drag-handle:active {
cursor: grabbing;