Skip to content
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

Merged
merged 1 commit into from
Oct 11, 2018

Conversation

1pretz1
Copy link
Contributor

@1pretz1 1pretz1 commented Oct 10, 2018

This adds a bottom margin by default to the success alert component.

Before

screen shot 2018-10-11 at 11 06 25

After

screen shot 2018-10-11 at 11 05 54

Trello:
https://trello.com/c/DYwko3da/313-no-margin-below-the-flash-banner-and-the-content-block-below

@benthorner benthorner temporarily deployed to govuk-publishing-compon-pr-573 October 10, 2018 14:57 Inactive
Copy link
Contributor

@alex-ju alex-ju left a 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.

@1pretz1 1pretz1 force-pushed the add-bottom-margin-option-to-alert branch from f84f012 to 9d8d98d Compare October 11, 2018 10:08
@1pretz1 1pretz1 changed the title Add bottom margin option to success alert Add bottom margin to success alert component Oct 11, 2018
@1pretz1
Copy link
Contributor Author

1pretz1 commented Oct 11, 2018

Hey @alex-ju, i've altered the pr to set a default for the bottom margin of 20px.

Copy link
Contributor

@alex-ju alex-ju left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

@1pretz1 1pretz1 merged commit 4d40bb0 into master Oct 11, 2018
@1pretz1 1pretz1 deleted the add-bottom-margin-option-to-alert branch October 11, 2018 10:21
1pretz1 added a commit that referenced this pull request Oct 11, 2018
This fixes a bug where there was no bottom margin on the success-alert
component (PR #573)
@1pretz1 1pretz1 mentioned this pull request Oct 11, 2018
chao-xian added a commit to alphagov/content-data-admin that referenced this pull request Oct 16, 2018
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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants