Make the notice bar draggable

sk-ys · Nov 3, 2024 · 6fbe70e · 6fbe70e
1 parent f9ead77
commit 6fbe70e
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/app/views/enhanced_ux/layouts/_compact_notice_bar.html.erb b/app/views/enhanced_ux/layouts/_compact_notice_bar.html.erb
@@ -89,6 +89,17 @@
 
         addCloseButton(e);
         setFadeOutEvent(e);
+        $(e).draggable({
+          create: function () {
+            // Remove the position style set by jQuery UI
+            $(e).css("position", "");
+          },
+          start: function (ev) {
+            if (isMobile()) {
+              ev.preventDefault();
+            }
+          },
+        });
       });
     }
 
@@ -156,6 +167,11 @@
       left: 20px;
       box-sizing: border-box;
       z-index: 300;
+      cursor: grab;
+
+      &:active {
+        cursor: grabbing;
+      }
     }
   }
 </style>