Merge pull request #3805 from Sage/FE-3681-edge-button-border-radius

fix(button): add border radius to button styles - FE-3681
Sage · Mar 11, 2021 · bf0b2e3 · bf0b2e3
2 parents be7d309 + 7560ac9
commit bf0b2e3
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 0 deletions.
diff --git a/src/components/button/__snapshots__/button.spec.js.snap b/src/components/button/__snapshots__/button.spec.js.snap
@@ -690,6 +690,7 @@ exports[`Button when only the "iconPosition" and "iconType" props are passed int
   -webkit-flex-flow: wrap;
   -ms-flex-flow: wrap;
   flex-flow: wrap;
+  border-radius: 0;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
@@ -805,6 +806,7 @@ exports[`Button when only the "iconPosition" and "iconType" props are passed int
   -webkit-flex-flow: wrap;
   -ms-flex-flow: wrap;
   flex-flow: wrap;
+  border-radius: 0;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;

diff --git a/src/components/button/button.style.js b/src/components/button/button.style.js
@@ -16,6 +16,8 @@ const StyledButton = styled.button`
     display: inline-flex;
     flex-direction: column;
     flex-flow: wrap;
+    border-radius: 0;
+
     ${noWrap &&
     css`
       white-space: nowrap;

diff --git a/src/components/dialog-full-screen/__snapshots__/dialog-full-screen.spec.js.snap b/src/components/dialog-full-screen/__snapshots__/dialog-full-screen.spec.js.snap
@@ -19,6 +19,7 @@ exports[`DialogFullScreen dialogTitle has a Ref to the scrollable content and th
   -webkit-flex-flow: wrap;
   -ms-flex-flow: wrap;
   flex-flow: wrap;
+  border-radius: 0;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;

diff --git a/src/components/multi-action-button/__snapshots__/multi-action-button.spec.js.snap b/src/components/multi-action-button/__snapshots__/multi-action-button.spec.js.snap
@@ -45,6 +45,7 @@ exports[`MultiActionButton when rendered should match the snapshot 1`] = `
   -webkit-flex-flow: wrap;
   -ms-flex-flow: wrap;
   flex-flow: wrap;
+  border-radius: 0;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;

diff --git a/src/components/select/list-action-button/__snapshots__/list-action-button.spec.js.snap b/src/components/select/list-action-button/__snapshots__/list-action-button.spec.js.snap
@@ -45,6 +45,7 @@ exports[`Option renders properly 1`] = `
   -webkit-flex-flow: wrap;
   -ms-flex-flow: wrap;
   flex-flow: wrap;
+  border-radius: 0;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;

diff --git a/src/components/split-button/__snapshots__/split-button.spec.js.snap b/src/components/split-button/__snapshots__/split-button.spec.js.snap
@@ -45,6 +45,7 @@ exports[`SplitButton for business themes renders styles correctly 1`] = `
   -webkit-flex-flow: wrap;
   -ms-flex-flow: wrap;
   flex-flow: wrap;
+  border-radius: 0;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
@@ -134,6 +135,7 @@ exports[`SplitButton for business themes renders styles correctly 1`] = `
   -webkit-flex-flow: wrap;
   -ms-flex-flow: wrap;
   flex-flow: wrap;
+  border-radius: 0;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;