Skip to content

Commit c960cf9

Browse files
feat(monitor-list): add draggable-item CSS class with custom grab cursor
- Introduce .draggable-item CSS class for draggable elements - Set cursor to 'grab' on hover and 'grabbing' while dragging
1 parent b640c9f commit c960cf9

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

src/components/MonitorListItem.vue

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<template>
22
<div>
33
<div
4+
class="draggable-item"
45
:style="depthMargin"
56
:draggable="monitor.type !== 'group'"
67
:class="{ 'drag-over': dragOver }"
@@ -358,4 +359,12 @@ export default {
358359
background-color: rgba($primary, 0.05);
359360
}
360361
362+
.draggable-item {
363+
cursor: grab;
364+
365+
&.dragging {
366+
cursor: grabbing;
367+
}
368+
}
369+
361370
</style>

0 commit comments

Comments
 (0)