Add opacity-based visibility toggle for MiniPaper

ProcessMaker · Aug 21, 2023 · 84e0c4a · 84e0c4a
1 parent 996f580
commit 84e0c4a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/railBottom/RailBottom.vue b/src/components/railBottom/RailBottom.vue
@@ -6,7 +6,7 @@
       ref="railLeftBox"
     >
       <MiniPaperControl
-        v-show="showComponent"
+        :class="{'hidden-opacity': showComponent === false}"
         :paper-manager="paperManager"
         :graph="graph"
       />

diff --git a/src/components/railBottom/railBottom.scss b/src/components/railBottom/railBottom.scss
@@ -28,3 +28,10 @@
     overflow-x: hidden;
   }
 }
+
+.hidden-opacity {
+    opacity: 0;
+    visibility: hidden;
+    position: absolute; 
+    pointer-events: none; 
+}