add drag/drop to column reordering

This commit is contained in:
jeffvli
2025-11-14 00:48:24 -08:00
parent 500947eb1f
commit e82c1d3a20
2 changed files with 351 additions and 145 deletions
@@ -9,6 +9,7 @@
}
.item {
position: relative;
display: flex;
flex-wrap: nowrap;
gap: var(--theme-spacing-md);
@@ -24,3 +25,29 @@
outline: 2px solid var(--theme-colors-primary);
outline-offset: 2px;
}
.item.dragging {
opacity: 0.5;
}
.item.dragged-over-top::before {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: 2px;
content: '';
background-color: var(--theme-colors-primary);
}
.item.dragged-over-bottom::before {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
height: 2px;
content: '';
background-color: var(--theme-colors-primary);
}