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 max width to paragraphs #2887

Closed
wants to merge 3 commits into from

Conversation

precious-onyenaucheya-ons
Copy link
Contributor

@precious-onyenaucheya-ons precious-onyenaucheya-ons commented Nov 6, 2023

What is the context of this PR?

fixes https://github.com/ONSdigital/ons-service-manual-website/issues/64
I have set max width to 685px for paragraphs, lists and headings in the design system

How to review this PR

Check that the width of all paragraphs, list and headings in the DS does not exceed 685ox.

Checklist

This needs to be completed by the person raising the PR.

  • I have selected the correct Assignee
  • I have linked the correct Issue

@precious-onyenaucheya-ons precious-onyenaucheya-ons added the Accessibility Issues discovered through accessibility testing label Nov 6, 2023
Copy link

netlify bot commented Nov 6, 2023

Deploy Preview for ons-design-system-preview ready!

Name Link
🔨 Latest commit a650998
🔍 Latest deploy log https://app.netlify.com/sites/ons-design-system-preview/deploys/6548dbbd649f1c0008ba358c
😎 Deploy Preview https://deploy-preview-2887--ons-design-system-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Contributor

@rmccar rmccar left a comment

Choose a reason for hiding this comment

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

I've noticed a few things looking at the visual test results that look odd to me now, and that we might need to do something about. Might be something to discuss with Joe to see what he thinks.

Panels and interviewers notes look too wide for the content and probably also need to be limited:
Screenshot 2023-11-06 at 12 48 57

Screenshot 2023-11-06 at 12 49 12

Featured articles now look a bit too narrow for the page and should probably still be full width:
Screenshot 2023-11-06 at 12 49 59

Should text areas still be this wide?:
Screenshot 2023-11-06 at 12 49 42

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Accessibility Issues discovered through accessibility testing
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants