Merge pull request #18 from Kalekki/main

make draggable class for possible future re-use
zero01101 · Nov 20, 2022 · 369febe · 369febe
2 parents cf07ef2 + c973c0a
commit 369febe
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/css/index.css b/css/index.css
@@ -55,6 +55,9 @@
     z-index: 999;
 
 }
+#draggable{
+    cursor:move
+}
 
 #DraggableTitleBar {
     z-index: 999;

diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
 
 <body>
     <div id="infoContainer">
-        <div id="DraggableTitleBar">openOutpaint 🐠</div>
+        <div id="DraggableTitleBar" class="draggable">openOutpaint 🐠</div>
         <div id="info" class="info" style="min-width:200px;">
 
             <label for="host">Host</label>

diff --git a/js/settingsbar.js b/js/settingsbar.js
@@ -5,7 +5,10 @@ function dragElement(elmnt) {
         p2 = 0,
         p3 = 0,
         p4 = 0;
-    document.getElementById('DraggableTitleBar').onmousedown = dragMouseDown;
+    var draggableElements = document.getElementsByClassName('draggable');
+    for (var i = 0; i < draggableElements.length; i++) {
+        draggableElements[i].onmousedown = dragMouseDown;
+    }
 
     function dragMouseDown(e) {
         e.preventDefault();