Merge pull request #2212 from therealrinku/fix/disabled-filter-state

fix: disabled state styling for filter input
beekeeper-studio · May 23, 2024 · 3ce73df · 3ce73df
2 parents 3f1c72e + 834e70b
commit 3ce73df
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/apps/studio/src/assets/styles/app/core-tabs.scss b/apps/studio/src/assets/styles/app/core-tabs.scss
@@ -371,6 +371,9 @@
         box-shadow: inset 0 0 0 1px rgba($theme-base, 0.25);
       }
     }
+    .disabled-input {
+      opacity: 0.5;
+    }
     .clear {
       position: absolute;
       right: 0;

diff --git a/apps/studio/src/components/tableview/RowFilterBuilder.vue b/apps/studio/src/components/tableview/RowFilterBuilder.vue
@@ -130,6 +130,7 @@
               <div class="filter-wrap">
                 <input
                   class="form-control filter-value"
+                  :class="{ 'disabled-input': isNullFilter(filter) }"
                   type="text"
                   v-model="filter.value"
                   :disabled="isNullFilter(filter)"