fix(ui): better layout filters comparator

kestra-io · Jan 27, 2025 · 125a277 · 125a277
1 parent bcaa613
commit 125a277
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/ui/src/components/filter/KestraFilter.vue b/ui/src/components/filter/KestraFilter.vue
@@ -84,6 +84,7 @@
                             c.value.includes(filter.value),
                         ),
                         disabled: isOptionDisabled(filter),
+                        'level-3': true
                     }"
                     @click="
                         () => !isOptionDisabled(filter) && valueCallback(filter)
@@ -877,15 +878,16 @@ $dashboards: 52px;
         }
     }
 
+    .el-select-dropdown__empty span {
+        padding: 0 1rem;
+        color: var(--ks-content-inactive);
+    }
+
     & .el-date-editor.el-input__wrapper {
         background-color: initial;
         box-shadow: none;
     }
 
-    & .el-select-dropdown__item {
-        padding-right: 20px;
-    }
-
     & .el-select-dropdown__item .material-design-icon {
         bottom: -0.15rem;
     }

diff --git a/ui/src/components/filter/components/Label.vue b/ui/src/components/filter/components/Label.vue
@@ -41,14 +41,13 @@
 </script>
 
 <style scoped lang="scss">
-@import "../styles/filter";
 
 .comparator {
     display: inline-block;
 
     margin: 0 0.5rem;
     padding: 0.3rem 0.35rem;
 
-    background: $filters-gray-500;
+    background: var(--ks-background-paused);
 }
 </style>