fix(ui): disabled custom dropdown style (#258)

flawiddsouza · Sep 27, 2024 · ac3f49e · ac3f49e
1 parent a7f88d6
commit ac3f49e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/ui/src/components/NavBar.vue b/packages/ui/src/components/NavBar.vue
@@ -47,8 +47,7 @@
                 </div>
                 <div class="navbar-item">
                     <div
-                        class="custom-dropdown"
-                        :style="{ 'pointer-events': collectionLength > 0 ? 'auto' : 'none', 'opacity': collectionLength > 0 ? '1' : '0.5' }"
+                        :class="collectionLength > 0 ? 'custom-dropdown' : 'custom-dropdown disabled'"
                         style="padding-left: 0.5rem; padding-right: 0.5rem" @click="toggleExportSelectorDropdown"
                     >
                         <i class="fa fa-file-export"></i>&nbsp;&nbsp;{{ 'Export' }}

diff --git a/packages/ui/src/styles/main.css b/packages/ui/src/styles/main.css
@@ -720,6 +720,11 @@ select {
     height: 100%;
 }
 
+.custom-dropdown.disabled {
+    opacity: 0.5;
+    pointer-events: none;
+}
+
 .custom-dropdown .custom-dropdown-content {
     white-space: nowrap;
     overflow: hidden;