fix(FilterMultiSelect): correct RemovableFilterTrigger border-radius …

…shorthand (#3782) * fix(FilterMultiSelect): correct RemovableFIlterTrigger border-radius shorthand Previous update to style lint (431a020) I assume forced us to use shorthand instead of individual corner radius rules. The new shorthand was incorrectly setting which corners should receive the border radius. * update changeset --------- Co-authored-by: Brendan Timmons <brendan.timmons@cultureamp.com> Co-authored-by: Geoffrey Chong <gyfchong@users.noreply.github.com>
cultureamp · Jun 21, 2023 · d3968f5 · d3968f5
1 parent 3c2c7ed
commit d3968f5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/thin-keys-end.md b/.changeset/thin-keys-end.md
@@ -0,0 +1,5 @@
+---
+"@kaizen/select": patch
+---
+
+fix border radius when using RemovableFilterTrigger
diff --git a/...rMultiSelect/components/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.module.scss b/...rMultiSelect/components/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.module.scss
@@ -7,15 +7,15 @@
   display: inline-flex;
 
   .triggerButton {
-    border-radius: 0 $border-solid-border-radius;
+    border-radius: $border-solid-border-radius 0 0 $border-solid-border-radius;
   }
 
   .removeButton {
     @include button;
 
     width: $spacing-xl;
     justify-content: center;
-    border-radius: $border-solid-border-radius 0;
+    border-radius: 0 $border-solid-border-radius $border-solid-border-radius 0;
   }
 
   .divider {