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

Avoid clipping responsive social SVG icons #808

Merged
merged 1 commit into from
Sep 27, 2024

Conversation

caizixian
Copy link
Contributor

After #677 , social icons slightly clips, probably due to issues similar to https://gsap.com/community/forums/topic/16844-svg-overflowing-its-bounding-box-while-scaling/

For example, see the right edge of the GitHub icon
image

The CSS property added in this PR fixes it.
image

Copy link
Member

@ashmaroli ashmaroli left a comment

Choose a reason for hiding this comment

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

While I still don't encounter the clipping at my browser's default setting, I do now see the clipping but at a different magnification.
So, any argument to justify my lapse in #677 is moot.

This is a valid fix.

@ashmaroli
Copy link
Member

Thank you @caizixian

P.S. @caizixian Do you also encounter a flaky situation where sometimes the social-icons do not render at all in spite of being configured properly in the config file and include_file?

@jekyllbot: merge +fix

@jekyllbot jekyllbot merged commit a54bb42 into jekyll:master Sep 27, 2024
1 check passed
jekyllbot added a commit that referenced this pull request Sep 27, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants