-
Notifications
You must be signed in to change notification settings - Fork 77
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
fix(alert, notice): update leading and close icons to follow calcite-action icon sizing #2431
Conversation
…action icon sizing
@jcfranco looks good, but would like to see both demo pages updated with examples that have actions in them if you dont mind small medium and large with alert and notice would be 💯 I'll approve branch once thats reviewed |
@bstifle Unlike notice, alert doesn't have a specific slot for actions. |
gotcha gotcha. i suppose we'll add those later with #2382 |
@jcfranco looks like small actions are a bit off on the width can we get these to match the X (close button) padding? |
Sure, but that means updating calcite-action's padding for small scale globally (from sizing-2 to sizing-3). Is that OK? |
I think I have this in my PR for action-bar, to update the padding on action. It's the spacing between the icon and the title. Not sure if it's the same but thought I'd bring it up. |
I forgot to add these: @bstifle @macandcheese does this change look good? I had to tweak the small scale var that is used to pad the sides of the alert/notice to make the sizes match. |
Synced up w/ @bstifle and rolled back my last change since it affected more than the close buttons. Updated the PR to only modify spacing for small scale close icons. |
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.
lookin real good, waiting on screener
@bstifle I see the same spacing (aside from icons) when I compare storybook on master and this branch. Proceeding to merge based on that. |
Related Issue: #2417
Summary
This updates alert and notice's x and start icons as follows:
notice
alert