File size: 1,783 Bytes
70ceb8b | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 | /**
* Drag & Drop Handler Styles
* Visual indicators for drag & drop operations using cascade patterns
* Note: Variables are defined in css-variables.css
*/
/* ===== BASE STYLES - Using attribute selector for automatic inheritance ===== */
/* All drag-drop-indicator classes automatically get no transition */
[class^="resolution-master-drag-drop-indicator-"],
[class*=" resolution-master-drag-drop-indicator-"] {
transition: none;
}
/* ===== REORDER INDICATORS (Blue) ===== */
/* Standard reorder within same category */
.resolution-master-drag-drop-indicator-top {
box-shadow: inset 0 2px 0 0 var(--drag-color-reorder);
}
.resolution-master-drag-drop-indicator-bottom {
box-shadow: inset 0 -2px 0 0 var(--drag-color-reorder);
}
/* ===== MOVE INDICATORS (Orange) ===== */
/* Move to different category */
.resolution-master-drag-drop-indicator-top-move {
box-shadow: inset 0 2px 0 0 var(--drag-color-move);
}
.resolution-master-drag-drop-indicator-bottom-move {
box-shadow: inset 0 -2px 0 0 var(--drag-color-move);
}
/* ===== ERROR INDICATORS (Red) ===== */
/* Conflict or invalid drop */
.resolution-master-drag-drop-indicator-top-error {
box-shadow: inset 0 2px 0 0 var(--drag-color-error);
}
.resolution-master-drag-drop-indicator-bottom-error {
box-shadow: inset 0 -2px 0 0 var(--drag-color-error);
}
/* ===== CLONE INDICATORS (Green) ===== */
/* Duplicate/copy operation */
.resolution-master-drag-drop-indicator-top-clone {
box-shadow: inset 0 2px 0 0 var(--drag-color-clone);
}
.resolution-master-drag-drop-indicator-bottom-clone {
box-shadow: inset 0 -2px 0 0 var(--drag-color-clone);
}
/* ===== CLEAR INDICATOR ===== */
/* Remove all visual indicators */
.resolution-master-drag-drop-no-indicator {
box-shadow: none;
}
|