Prevent squeezing of icon on long jump link text - Githubissues

cfpb / design-system

CFPB's work-in-progress design system

https://cfpb.github.io/design-system

Creative Commons Zero v1.0 Universal

37 stars 12 forks source link

Prevent squeezing of icon on long jump link text #1991

Closed anselmbradford closed 3 months ago

anselmbradford commented 3 months ago

Changes

Add flex-shrink to prevent squeezing of icon on long jump link text.

Testing

Visit links example page and resize to mobile and see long jump link does not crush the accompanying icon.

Screenshots

Before:

Screenshot 2024-05-30 at 5 37 10 PM

After:

Screenshot 2024-05-30 at 5 36 56 PM

netlify[bot] commented 3 months ago

Thanks for the improvements! Browse a preview of your changes using the link below.

Name	Link
Latest commit	6257beee51ae41ba016167d539e43fd52401f4bf
Latest deploy log	https://app.netlify.com/sites/cfpb-design-system/deploys/6658f1d96503190008e2ed78
Deploy Preview	https://deploy-preview-1991--cfpb-design-system.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

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