From 5b2c06c3696273c1411a3860c4f34c270b19a2fb Mon Sep 17 00:00:00 2001
From: deurstann <tristan.derouet@gmail.com>
Date: Thu, 4 Feb 2021 16:29:21 +0100
Subject: [PATCH] Windows is now movable

---
 instance/index.html |  3 ++-
 instance/main.js    | 11 +++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/instance/index.html b/instance/index.html
index bb77bf4..85dd38a 100644
--- a/instance/index.html
+++ b/instance/index.html
@@ -25,10 +25,11 @@
         <script></script>
     </head>
     <body>
-        <div id="mainFrame" class="container-fluid">
+        <div id="mainFrame" class="container-fluid" >
             <div
                 id="buttonPanelListLeft"
                 class="d-flex flex-row bd-highlight mb-3 row card"
+                style="-webkit-app-region: drag"
             ></div>
             <div id="panelWrapper" class="row">
                 <ul
diff --git a/instance/main.js b/instance/main.js
index dbcd137..a4cdd3a 100644
--- a/instance/main.js
+++ b/instance/main.js
@@ -87,7 +87,8 @@ function createButtonList(list) {
         if (btn[0] == 'left') {
             renderHtmlLeft = `${renderHtmlLeft}
                               <button id="${btn[2]}" type="button" class="btn btn-primary p-2 bd-highlight"
-                                      data-toggle="tooltip" data-placement="bottom" title="${btn[3]}">${btn[1]}</button>`;
+                                      data-toggle="tooltip" data-placement="bottom" title="${btn[3]}"
+                                      style="-webkit-app-region: no-drag">${btn[1]}</button>`;
             logger.debug(
                 'instance',
                 `Create button for "${btn[1]}" with id "${btn[2]} at the left"`
@@ -95,7 +96,8 @@ function createButtonList(list) {
         } else if (btn[0] == 'right') {
             renderHtmlRight = `${renderHtmlRight}
                                <button id="${btn[2]}" type="button" class="btn btn-secondary p-2 bd-highlight"
-                                       data-toggle="tooltip" data-placement="bottom" title="${btn[3]}">${btn[1]}</button>`;
+                                       data-toggle="tooltip" data-placement="bottom" title="${btn[3]}"
+                                       style="-webkit-app-region: no-drag">${btn[1]}</button>`;
             logger.debug(
                 'instance',
                 `Create button for "${btn[1]}" with id "${btn[2]} at the right"`
@@ -103,7 +105,8 @@ function createButtonList(list) {
         } else if (btn[0] == 'sleft') {
             renderHtmlSLeft = `${renderHtmlSLeft}
                                <button id="${btn[2]}" type="button" class="btn btn-secondary p-2 bd-highlight"
-                                       data-toggle="tooltip" data-placement="bottom" title="${btn[3]}">${btn[1]}</button>`;
+                                       data-toggle="tooltip" data-placement="bottom" title="${btn[3]}"
+                                       style="-webkit-app-region: no-drag">${btn[1]}</button>`;
             logger.debug(
                 'instance',
                 `Create button for "${btn[1]}" with id "${btn[2]} at the right"`
@@ -118,7 +121,7 @@ function createButtonList(list) {
     document.getElementById('buttonPanelListLeft').innerHTML = `
         <div class="btn-group" role="group">${renderHtmlLeft}</div>
         <div class="btn-group" role="group">${renderHtmlSLeft}</div>
-        <div class="p-1 bd-highlight mb-1 mr-auto ml-auto" style="width: 60%;">
+        <div class="p-1 bd-highlight mb-1 mr-auto ml-auto" style="width: 60%;-webkit-app-region: no-drag;">
             <input id="filterInput" type="text" class="form-control filterInput" placeholder="Filter...">
         </div>
         <div class="btn-group" role="group">${renderHtmlRight}</div>`;
-- 
GitLab