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

Prevent line breaking between icon & text in footer social links #1660

Merged
merged 1 commit into from
May 11, 2018
Merged

Prevent line breaking between icon & text in footer social links #1660

merged 1 commit into from
May 11, 2018

Conversation

tlindsay42
Copy link
Contributor

Resolves #1659

@mmistakes
Copy link
Owner

Thanks for the PR. I think I have an alternative way of doing this that requires zero markup changes to the footer include.

All that's needed is the following CSS added to _footer.scss

.page__footer-follow .social-icons a {
    white-space: nowrap;
}

And it'll force the lines of text not to wrap. Which ends up looking like this on your site:

image

@mmistakes
Copy link
Owner

If you want to make that change instead I can merge this in.

@tlindsay42
Copy link
Contributor Author

Ready for review, @mmistakes

@mmistakes mmistakes merged commit 8f900dd into mmistakes:master May 11, 2018
@tlindsay42 tlindsay42 deleted the footer-social-links-inline branch May 11, 2018 18:48
luispuerto referenced this pull request in luispuerto/luispuerto-net Jun 27, 2018
kkunapuli pushed a commit to kkunapuli/kkunapuli.github.io that referenced this pull request May 30, 2019
sumeetmondal pushed a commit to sumeetmondal/sumeetmondal.github.io that referenced this pull request Sep 10, 2019
jchwenger pushed a commit to jchwenger/jchwenger.github.io that referenced this pull request May 5, 2023
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.

2 participants