From c7190e664b972495cf05faa0acdb1d492a1c2f40 Mon Sep 17 00:00:00 2001
From: Eleazar Resendez <eleazar.resendez@processmaker.com>
Date: Wed, 7 Feb 2024 09:58:50 -0600
Subject: [PATCH 1/2] Add conditional class to PanControl

---
 src/components/railBottom/RailBottom.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/railBottom/RailBottom.vue b/src/components/railBottom/RailBottom.vue
index e6f2328df..0330d3e38 100644
--- a/src/components/railBottom/RailBottom.vue
+++ b/src/components/railBottom/RailBottom.vue
@@ -18,6 +18,7 @@
       
       <PanControl
         @set-pan-mode="$emit('set-pan-mode', $event)"
+        :class="{'hidden-opacity': showComponent === false}"
         :pan-mode="panMode"
       />
     </div>

From f109e0a5095f530dad3ccdf2837c4e9812062c52 Mon Sep 17 00:00:00 2001
From: Eleazar Resendez <eleazar.resendez@processmaker.com>
Date: Wed, 7 Feb 2024 10:56:11 -0600
Subject: [PATCH 2/2] Use v-show for PanControl visibility

---
 src/components/railBottom/RailBottom.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/railBottom/RailBottom.vue b/src/components/railBottom/RailBottom.vue
index 0330d3e38..891b11fb9 100644
--- a/src/components/railBottom/RailBottom.vue
+++ b/src/components/railBottom/RailBottom.vue
@@ -18,7 +18,7 @@
       
       <PanControl
         @set-pan-mode="$emit('set-pan-mode', $event)"
-        :class="{'hidden-opacity': showComponent === false}"
+        v-show="showComponent"
         :pan-mode="panMode"
       />
     </div>