Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Remove large dimension from <Button> component

Browse Source 
[MAILPOET-3545]
This commit is contained in:
Ján Mikláš
2021-04-20 11:18:27 +02:00
committed by Veljko V
parent 7c8c4456b7
commit 0b59a721f7
4 changed files with 1 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
assets/css/src/generic/_buttons.scss
View File

@@ -74,11 +74,6 @@
} }
} }
.mailpoet-button-large {
min-height: 48px;
padding: 13px 24px 11px;
}
.mailpoet-button-light { .mailpoet-button-light {
background: $color-secondary-light; background: $color-secondary-light;
color: $color-secondary; color: $color-secondary;

25
assets/js/src/common/button/_stories/button.tsx
View File

@@ -57,31 +57,6 @@ export const WithoutIcons = () => (
</p> </p>
<br /> <br />
<Heading level={3}>Large buttons</Heading>
<p>
<Button
onClick={action('light large')}
dimension="large"
variant="light"
>
Light button
</Button>
<Button
onClick={action('regular large')}
dimension="large"
>
Regular button
</Button>
<Button
onClick={action('link large')}
dimension="large"
variant="link"
>
Link button
</Button>
</p>
<br />
<Heading level={3}>Disabled buttons</Heading> <Heading level={3}>Disabled buttons</Heading>
<p> <p>
<Button <Button

33
assets/js/src/common/button/_stories/button_icons.tsx
View File

@@ -74,39 +74,6 @@ export const WithIcons = () => (
</p> </p>
<br /> <br />
<Heading level={3}>Large buttons</Heading>
<p>
<Button
onClick={action('only icon large')}
dimension="large"
variant="light"
iconStart={icon}
/>
<Button
onClick={action('icon start large')}
dimension="large"
iconStart={icon}
>
Icon start
</Button>
<Button
onClick={action('both icons large')}
dimension="large"
variant="light"
iconStart={icon}
iconEnd={icon}
>
Both icons
</Button>
<Button
onClick={action('only icon link large')}
dimension="large"
variant="link"
iconStart={icon}
/>
</p>
<br />
<Heading level={3}>Disabled buttons</Heading> <Heading level={3}>Disabled buttons</Heading>
<p> <p>
<Button <Button

2
assets/js/src/common/button/button.tsx
View File

@@ -3,7 +3,7 @@ import classnames from 'classnames';
interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> { interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
children?: React.ReactNode; children?: React.ReactNode;
dimension?: 'extra-small' | 'small' | 'large'; dimension?: 'extra-small' | 'small';
variant?: 'light' | 'link'; variant?: 'light' | 'link';
withSpinner?: boolean; // also disables href and onClick (via pointer-events in CSS) withSpinner?: boolean; // also disables href and onClick (via pointer-events in CSS)
isDisabled?: boolean; // also disables href and onClick (via pointer-events in CSS) isDisabled?: boolean; // also disables href and onClick (via pointer-events in CSS)