fix(ui): let filter dropdown fit width of the content

kestra-io · Jan 27, 2025 · adb8d9a · adb8d9a
1 parent 0a93b10
commit adb8d9a
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/ui/src/components/filter/KestraFilter.vue b/ui/src/components/filter/KestraFilter.vue
@@ -870,10 +870,10 @@ $dashboards: 52px;
 
 .filters-select {
     & .el-select-dropdown {
-        width: 300px !important;
+        width: auto !important;
 
         &:has(.el-select-dropdown__empty) {
-            width: 500px !important;
+            width: auto !important;
         }
     }
 
@@ -882,6 +882,10 @@ $dashboards: 52px;
         box-shadow: none;
     }
 
+    & .el-select-dropdown__item {
+        padding-right: 20px;
+    }
+
     & .el-select-dropdown__item .material-design-icon {
         bottom: -0.15rem;
     }