falkan/dickloads
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: replace braille glyph drag handle with SVG grip icon

Browse Source
This commit is contained in:
Falkan
2026-03-18 16:26:39 -04:00
parent 5ed392a2d4
commit 21f1f6baaa
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/routes/admin/+page.svelte
View File

@@ -729,7 +729,7 @@
ondragstart={(e) => onUnitDragStart(e, unit.id, unit.group ?? null)} ondragstart={(e) => onUnitDragStart(e, unit.id, unit.group ?? null)}
ondragend={onUnitDragEnd} ondragend={onUnitDragEnd}
title="Drag to reorder" 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 <input
type="checkbox" type="checkbox"
checked={checkedUnitIds.has(unit.id)} checked={checkedUnitIds.has(unit.id)}
@@ -786,7 +786,7 @@
ondragstart={(e) => onUnitDragStart(e, unit.id, null)} ondragstart={(e) => onUnitDragStart(e, unit.id, null)}
ondragend={onUnitDragEnd} ondragend={onUnitDragEnd}
title="Drag to reorder" 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 <input
type="checkbox" type="checkbox"
checked={checkedUnitIds.has(unit.id)} checked={checkedUnitIds.has(unit.id)}
@@ -1280,11 +1280,12 @@
.drag-handle { .drag-handle {
cursor: grab; cursor: grab;
color: var(--pico-muted-color); color: var(--pico-muted-color);
font-size: 0.9rem;
padding: 0 0.1rem; padding: 0 0.1rem;
flex-shrink: 0; flex-shrink: 0;
user-select: none; user-select: none;
line-height: 1; line-height: 1;
display: inline-flex;
align-items: center;
} }
.drag-handle:active { .drag-handle:active {
cursor: grabbing; cursor: grabbing;