Skip to content

Commit

Permalink
fix(Button): rid of button wraps
Browse files Browse the repository at this point in the history
  • Loading branch information
@zouxuoz
zouxuoz committed Oct 3, 2018
1 parent a9c4810 commit 88017c5
Show file tree
Hide file tree
Showing 2 changed files with 41 additions and 0 deletions.
1 change: 1 addition & 0 deletions src/atoms/Button/Button.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -225,6 +225,7 @@ const StyledTag = createStyledTag(name, props => ({
justifyContent: 'center',
alignItems: 'center',
userSelect: 'none',
whiteSpace: 'nowrap',

...getThemeStyle(props, name).button,

Expand Down
40 changes: 40 additions & 0 deletions storybook/__tests__/__snapshots__/storyshots.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -153,6 +153,7 @@ exports[`Storyshots ATOMS/Breadcrumbs with custom tagName 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -340,6 +341,7 @@ exports[`Storyshots ATOMS/Button with children 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -428,6 +430,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -498,6 +501,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -542,6 +546,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -586,6 +591,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -630,6 +636,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -674,6 +681,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -718,6 +726,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -762,6 +771,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -806,6 +816,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -850,6 +861,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -1018,6 +1030,7 @@ exports[`Storyshots ATOMS/Button with custom sizes 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -1062,6 +1075,7 @@ exports[`Storyshots ATOMS/Button with custom sizes 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -1106,6 +1120,7 @@ exports[`Storyshots ATOMS/Button with custom sizes 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -1212,6 +1227,7 @@ exports[`Storyshots ATOMS/Button with disabled modifiers 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: default;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -1300,6 +1316,7 @@ exports[`Storyshots ATOMS/Button with icon 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -1389,6 +1406,7 @@ exports[`Storyshots ATOMS/Button with loading 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -1453,6 +1471,7 @@ exports[`Storyshots ATOMS/Button with loading 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -1543,6 +1562,7 @@ exports[`Storyshots ATOMS/Button with stretch 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -1606,6 +1626,7 @@ exports[`Storyshots ATOMS/Button with submit type 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -1668,6 +1689,7 @@ exports[`Storyshots ATOMS/Button with text 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -9007,6 +9029,7 @@ exports[`Storyshots ATOMS/Dropdown default 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -9129,6 +9152,7 @@ exports[`Storyshots ATOMS/Dropdown with custom body width 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -9251,6 +9275,7 @@ exports[`Storyshots ATOMS/Dropdown with custom offset 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -9373,6 +9398,7 @@ exports[`Storyshots ATOMS/Dropdown with dark background 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -9496,6 +9522,7 @@ exports[`Storyshots ATOMS/Dropdown with force render 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -9769,6 +9796,7 @@ exports[`Storyshots ATOMS/Dropdown with pin to right 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -9891,6 +9919,7 @@ exports[`Storyshots ATOMS/Dropdown with stretch body 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -9988,6 +10017,7 @@ exports[`Storyshots ATOMS/Dropdown with stretch target 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -10111,6 +10141,7 @@ exports[`Storyshots ATOMS/Dropdown without background 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -10233,6 +10264,7 @@ exports[`Storyshots ATOMS/Dropdown without close on outside click 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -13626,6 +13658,7 @@ exports[`Storyshots ATOMS/Table table with loader 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -13914,6 +13947,7 @@ exports[`Storyshots ATOMS/Table table with scroll 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -16037,6 +16071,7 @@ exports[`Storyshots ATOMS/Tabs default 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -16159,6 +16194,7 @@ exports[`Storyshots ATOMS/Tabs with force render 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -16290,6 +16326,7 @@ exports[`Storyshots ATOMS/Tabs with selected title 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -16438,6 +16475,7 @@ exports[`Storyshots MOLECULES/ButtonGroup default 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -16482,6 +16520,7 @@ exports[`Storyshots MOLECULES/ButtonGroup default 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down Expand Up @@ -16526,6 +16565,7 @@ exports[`Storyshots MOLECULES/ButtonGroup default 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
font-size: 1.4rem;
font-weight: 600;
Expand Down

0 comments on commit 88017c5

Please sign in to comment.