fix: add a condition to to toolbar about q-electron-drag (project-chi…

…p#1487)
SiliconLabs · Nov 21, 2024 · 8a3df83 · 8a3df83
1 parent 607a738
commit 8a3df83
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/components/ZCLToolbar.vue b/src/components/ZCLToolbar.vue
@@ -1,7 +1,10 @@
 <template>
   <q-toolbar
-    class="bg-glass q-electron-drag"
-    :class="{ 'window-button-padding-right': isElectron && isWin }"
+    class="bg-glass"
+    :class="{
+      'window-button-padding-right': isElectron && isWin,
+      ' q-electron-drag': !showCreateModifyEndpoint
+    }"
   >
     <q-toolbar-title
       :class="{ 'logo-margin': showPreviewTab || showNotificationTab }"
@@ -257,6 +260,11 @@ export default {
         return this.$store.state.zap.isTutorialRunning
       }
     },
+    showCreateModifyEndpoint: {
+      get() {
+        return this.$store.state.zap.showCreateModifyEndpoint
+      }
+    },
     showPreviewTab: {
       get() {
         return this.$store.state.zap.showPreviewTab

diff --git a/src/components/ZclCreateModifyEndpoint.vue b/src/components/ZclCreateModifyEndpoint.vue
@@ -15,7 +15,7 @@ limitations under the License.
 -->
 <template>
   <div>
-    <q-card style="min-width: 450px">
+    <q-card style="min-width: 450px" class="z-top">
       <q-card-section>
         <div
           class="text-h6 flex text-align:left q-mb-sm"