feat(List): update search field size (#1068)

mittwald · Dec 18, 2024 · 22e7008 · 22e7008
1 parent a31207c
commit 22e7008
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/components/src/components/List/components/Header/Header.module.css b/packages/components/src/components/List/components/Header/Header.module.css
@@ -13,7 +13,6 @@
 
   .pickerList {
     display: flex;
-    flex-grow: 9999;
     flex-wrap: wrap;
     gap: var(--list--content-to-content-spacing);
   }
@@ -23,15 +22,16 @@
     flex-grow: 1;
     gap: var(--list--content-to-content-spacing);
     flex-wrap: wrap-reverse;
-    justify-content: space-between;
+    justify-content: end;
   }
 
   .searchField {
-    width: 180px;
+    max-width: 180px;
     flex-grow: 1;
-  }
+    transition: max-width var(--transition--duration--default);
 
-  .actions {
-    margin-left: auto;
+    &:has(input:focus) {
+      max-width: 600px;
+    }
   }
 }