Rotation Drag: Make only the hamburger icon a drag handle

Only the icon should allow the drag, not the entire .rotation-name element
Icinga · Mar 3, 2025 · 928d2a2 · 928d2a2
1 parent bc5314a
commit 928d2a2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/public/css/timeline.less b/public/css/timeline.less
@@ -80,13 +80,14 @@
   .rotation-name {
     font-size: 1.25em;
     font-weight: bold;
-    cursor: grab;
 
     [data-drag-initiator] {
       color: @gray-light;
-    }
-    &:hover [data-drag-initiator] {
-      color: @text-color;
+
+      &:hover {
+        cursor: grab;
+        color: @list-item-title-hover-color;
+      }
     }
 
     // :not(:empty) is only necessary to increase specificity

diff --git a/public/js/schedule.js b/public/js/schedule.js
@@ -41,7 +41,8 @@
             Sortable.create(sideBar, {
                 scroll: true,
                 direction: 'vertical',
-                draggable: '.rotation-name'
+                draggable: '.rotation-name',
+                handle: '.rotation-name > i[data-drag-initiator]'
             });
         }