-
Notifications
You must be signed in to change notification settings - Fork 21
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
Add bottom margin to success alert component #573
Conversation
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.
Hi @1pretz1! Thanks for working on this.
I don't think we should provide this as an optional attributes. We should strive to have consistent spacing across components, hence impose it on every component. I know that some components - coming from the past (e.g. button) - use this option, but we should avoid introducing such attributes in the 'API'.
Happy to discuss it if that helps and sorry for not being around to explain these things from the beginning.
f84f012
to
9d8d98d
Compare
Hey @alex-ju, i've altered the pr to set a default for the bottom margin of 20px. |
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.
👍
This fixes a bug where there was no bottom margin on the success-alert component (PR #573)
A change to the the govuk_publishing_components[1] removed mixins that our app use. To get around this, adding in govuk-frontend and then explicitly calling locally the missing mixins fixes some of the missing styles. [1] alphagov/govuk_publishing_components#573
This adds a bottom margin by default to the success alert component.
Before
After
Trello:
https://trello.com/c/DYwko3da/313-no-margin-below-the-flash-banner-and-the-content-block-below