fix(LOY-281): make entire select filter box clickable

2025-06-24 15:16:31 +02:00
parent e90c218440
commit 7dad94a046
1 changed files with 9 additions and 3 deletions
--- a/packages/design-system/lib/components/Select/select.module.css
+++ b/packages/design-system/lib/components/Select/select.module.css
@@ -60,18 +60,24 @@
 .inner {
  display: flex;
  align-items: center;
-  gap: var(--Space-x1);
  width: 100%;
  height: 100%;
-  padding: 0 var(--Space-x15);
  box-sizing: border-box;

+  &.button {
+    padding: 0 var(--Space-x15);
+    gap: var(--Space-x1);
+  }
+
  .button {
-    padding: 0;
+    padding: 0 var(--Space-x15) 0 var(--Space-x1);
+    height: 100%;
  }

  > label {
    flex: 1;
+    height: 100%;
+    padding: 0 0 0 var(--Space-x15);
  }
 }