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

Increase ONS logo size #3505

Open
wants to merge 9 commits into
base: main
Choose a base branch
from

Conversation

precious-onyenaucheya-ons
Copy link
Contributor

@precious-onyenaucheya-ons precious-onyenaucheya-ons commented Feb 21, 2025

What is the context of this PR?

This ticket was created as a subset of ONSDESYS-162 to adjust the ONS logo size, ensuring it has a height of 24px to match the figma design

As part of this update, the footer component has been modified so that the ONS logo switches to the stacked version based on screen size.

How to review this PR

  • Verify that the ONS logo height is 24px.
  • Ensure the update is reflected in the visual test suites.### 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 Enhancement Change of existing feature label Feb 21, 2025
Copy link

netlify bot commented Feb 21, 2025

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

Name Link
🔨 Latest commit d1fbfb4
🔍 Latest deploy log https://app.netlify.com/sites/ons-design-system-preview/deploys/67cefcf162e29b000866ad38
😎 Deploy Preview https://deploy-preview-3505--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.

@precious-onyenaucheya-ons precious-onyenaucheya-ons marked this pull request as ready for review February 21, 2025 13:30
@precious-onyenaucheya-ons precious-onyenaucheya-ons requested a review from a team as a code owner February 21, 2025 13:30
Comment on lines +66 to +76
&__logo-large {
@include mq('2xs', 414px) {
display: none;
}
}

&__logo-small {
@include mq(415px) {
display: none;
}
}
Copy link
Contributor

Choose a reason for hiding this comment

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

Both these are setting the same thing, cant they be combined? Then the include can be removed too

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Enhancement Change of existing feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants