fix(button (tertiary)): Fixes border around tertiary buttons

compassion-global-experience · Sep 15, 2023 · d6801ed · d6801ed
1 parent 128f3dd
commit d6801ed
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/packages/core/src/components/Button/button.module.css b/packages/core/src/components/Button/button.module.css
@@ -59,7 +59,6 @@
   border-color: var(--cds-button-primary-disabled-border-color);
 }
 .cds-button--secondary {
-  display: inline-block;
   border-width: var(--cds-button-secondary-border-width);
   border-style: solid;
   border-color: var(--cds-button-secondary-default-border-color);
@@ -90,9 +89,10 @@
   border-color: var(--cds-button-secondary-disabled-border-color);
 }
 .cds-button--tertiary {
-  display: inline-block;
-  border-width: var(--cds-button-tertiary-border-width);
   border-style: solid;
+  border-top-width: var(--cds-button-tertiary-border-width);
+  border-left-width: var(--cds-button-tertiary-border-width);
+  border-right-width: var(--cds-button-tertiary-border-width);
   border-bottom-width: var(--cds-button-tertiary-underline);
   border-color: var(--cds-button-tertiary-default-border-color);
   border-radius: var(--cds-button-tertiary-border-radius);

diff --git a/packages/core/src/components/Button/button.scss b/packages/core/src/components/Button/button.scss
@@ -73,7 +73,6 @@
   }
 
   &--secondary {
-    display: inline-block;
     border-width: var(--cds-button-secondary-border-width);
     border-style: solid;
     border-color: var(--cds-button-secondary-default-border-color);
@@ -113,9 +112,10 @@
   }
 
   &--tertiary {
-    display: inline-block;
-    border-width: var(--cds-button-tertiary-border-width);
     border-style: solid;
+    border-top-width: var(--cds-button-tertiary-border-width);
+    border-left-width: var(--cds-button-tertiary-border-width);
+    border-right-width: var(--cds-button-tertiary-border-width);
     border-bottom-width: var(--cds-button-tertiary-underline);
     border-color: var(--cds-button-tertiary-default-border-color);
     border-radius: var(--cds-button-tertiary-border-radius);

diff --git a/packages/core/src/components/components.css b/packages/core/src/components/components.css
diff --git a/packages/core/src/components/components.css.map b/packages/core/src/components/components.css.map