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

Wrap notification banner content at 2/3 grid width #2042

Merged
merged 3 commits into from
Nov 27, 2020

Conversation

36degrees
Copy link
Contributor

@36degrees 36degrees commented Nov 26, 2020

Maintain shorter line-lengths when the notification banner is full width by wrapping at the same point a 2/3 column ends.

👉🏻   See examples

Screenshot 2020-11-26 at 11 57 29

With increased root text size:

Screenshot 2020-11-26 at 11 57 54

With a custom page size and gutter width:

Screenshot 2020-11-26 at 11 59 42

Fixes #2033

Maintain shorter line-lengths when the notification banner is full width by wrapping at the same point a 2/3 column ends.
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-2042 November 26, 2020 12:01 Inactive
@edwardhorsford
Copy link
Contributor

@36degrees do you think a similar thing should be applied to the error summary?

@36degrees 36degrees requested review from vanitabarrett and removed request for hannalaakso November 27, 2020 10:12
Copy link
Member

@christopherthomasdesign christopherthomasdesign left a comment

Choose a reason for hiding this comment

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

Checked out locally and tried out on a few different page layouts. Looks great, top work 💥

Make it less likely that we update the padding without also updating the calculation by abstracting the padding to a variable.
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-2042 November 27, 2020 11:27 Inactive
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.

Suggestion: set max-width on notification banner content
5 participants