diff --git a/instance/index.html b/instance/index.html
index bb77bf419e40a1d22604be937b4ffc304aa30998..85dd38a98a10e8879c9503222c3c0861ea21810f 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 dbcd1373d16950913da00b01af049a07f019564d..a4cdd3aaba87873e3d5475c5c9ab9b5d36c80983 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>`;