From: Andrew Gundersen <gundersena@xavier.edu>
Date: Tue, 23 Mar 2021 13:09:10 +0000 (-0500)
Subject: prevent window drag when inputitem overlaps with titlebar
X-Git-Tag: v0.9~9^2
X-Git-Url: https://andrewgundersen.net/repos?a=commitdiff_plain;h=7dcfd9252add36016ec282da0742a18c9a452766;p=mime-chat

prevent window drag when inputitem overlaps with titlebar
---

diff --git a/src/App.vue b/src/App.vue
index c60eb6c..99fa548 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="app" v-if="ready">
 
-    <button class="titlebar" />
+    <button id="titlebar" />
 
     <!-- Minimize and exit buttons. -->
     <span class="menu">
@@ -87,7 +87,7 @@ html, body {
   border-radius: 15px;
  }
 
-.titlebar {
+#titlebar {
   position: fixed;
 
   width: 100vw;
@@ -97,7 +97,6 @@ html, body {
 
   background-color: #EBEBEB;
 
-  -webkit-user-select: none;
   -webkit-app-region: drag;
 
   border: none;
diff --git a/src/components/inputItem/inputItem.vue b/src/components/inputItem/inputItem.vue
index c2d2c90..baa6f5b 100644
--- a/src/components/inputItem/inputItem.vue
+++ b/src/components/inputItem/inputItem.vue
@@ -97,6 +97,9 @@ export default defineComponent({
 
   z-index: 3;
 
+  // To prevent window drag when overlapping with titlebar.
+  -webkit-app-region: no-drag;
+
   // border: 4px solid #C6C6C6;
   border-radius: 50%;
 
diff --git a/windowState.json b/windowState.json
index a9fec30..29b9ce1 100644
--- a/windowState.json
+++ b/windowState.json
@@ -1 +1 @@
-{"w":735,"h":510,"x":944,"y":489}
\ No newline at end of file
+{"w":622,"h":616,"x":1163,"y":499}
\ No newline at end of file