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 follows fiori3 #470
Conversation
Deploy preview for fundamental-styles ready! Built with commit 5dfafda |
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.
Everything is fixed now, Icons are not aligned well, when |
src/alert.scss
Outdated
@@ -12,7 +12,7 @@ $block: #{$fd-namespace}-alert; | |||
.#{$block} { | |||
$fd-alert-border: 1px solid; | |||
$fd-alert-border-radius: 0.25rem; | |||
$fd-alert-padding: 0.5rem 1rem; | |||
$fd-alert-padding: 0.375rem 1rem; |
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.
I believe the top and bottom padding should be 0.4375rem. In specs they say 0.5rem (including border)
src/alert.scss
Outdated
@mixin fd-alert-close-btn-container { | ||
position: absolute; | ||
width: 2rem; | ||
height: 1.625rem; | ||
top: 0.375rem; | ||
top: 0.125rem; | ||
right: 0.125rem; | ||
display: flex; | ||
align-items: center; | ||
justify-content: center; | ||
min-width: 2rem; | ||
height: 1.625rem; |
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.
The interaction states of the button should follow these of the Transparent button
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.
The dismiss button color is not using the fiori 3 colors and instead is referring to the browser color.
@JKMarkowski the pipeline is failing |
Testerski seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, please add the email address used for this commit to your account. You have signed the CLA already but the status is still pending? Let us recheck it. |
533ade1
to
5dfafda
Compare
Related Issue
Closes #452
Description
There is corrected styling for alert component. Now it follows latest fiori3 requirements.
Screenshots
Missing screens will be added soon
Before:
After: