-
Notifications
You must be signed in to change notification settings - Fork 98
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(Button): refactor to flex and center icons #1452
Conversation
Playwright Test Component is ready. |
Preview is ready. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
And seems like we might need to add some tests/stories to the button
- custom width
- max width
a23efb1
to
79ccb7a
Compare
e3507f6
to
b303f62
Compare
6cc9c7a
to
b269fd5
Compare
b9990f6
to
a6a3221
Compare
src/components/Button/Button.scss
Outdated
order: 0; | ||
} | ||
|
||
&_side_end { | ||
inset-inline-end: var(--_--icon-position); | ||
|
||
& ~ #{$block}__text { | ||
padding-inline-end: var(--_--icon-space); | ||
} | ||
order: 2; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Default value for order is 0
, let's use-1
and 1
then?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
a6a3221
to
4490b68
Compare
Button component was refactored to use modern flex. Position absolute and complex padding calculations was removed.