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

Use css padding for author urls to fix underline hover state #2472

Merged
merged 2 commits into from
Mar 30, 2020

Conversation

alifarooq0
Copy link
Contributor

@alifarooq0 alifarooq0 commented Mar 29, 2020

This is a bug (style) fix.

Summary

Author profile page uses a literal space character as padding between the social icon and the text. Which as a result causes the underline to show up on a blank space character on hover, causing it to look like the example below.

This PR wraps the text with a span block that can be used to customize spacing between the social icon and its relevant text, making it a breeze to customize as opposed to copying author-profile.html to your local repo and customizing it just to fix spacing, making upgrading the theme very difficult.

About page - BUG

image

With fixed spacing

image

Copy link
Owner

@mmistakes mmistakes left a comment

Choose a reason for hiding this comment

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

Looks good, just one small naming change. Instead of .text can we use .label? It's slightly more semantic. With that change I can merge this in.

@alifarooq0
Copy link
Contributor Author

Makes sense. Pushed the fix.

@mmistakes
Copy link
Owner

Looks good, thanks.

@mmistakes mmistakes merged commit 7790757 into mmistakes:master Mar 30, 2020
@alifarooq0 alifarooq0 deleted the use-scss-padding branch March 30, 2020 20:26
@d-Rickyy-b
Copy link
Contributor

@ali-farooq0 this bugged me for ages but I just today found the time to investigate this issue further. Now I found that you already created a PR. Thank you very much for that :) Can't wait for the next release.

@alifarooq0
Copy link
Contributor Author

@d-Rickyy-b Anytime :).

If you're using minimal-mistakes through the remote_theme setting you can just set the specific SHA and use the new features, don't have to wait till the next official release.

// _config.yml

remote_theme             : "mmistakes/minimal-mistakes@63c929655db10f6ea3dfb6237b520fb0dfca45a6"

jesuswasrasta pushed a commit to jesuswasrasta/jesuswasrasta.github.io that referenced this pull request Jul 8, 2020
…es#2472)

* Use scss padding for sidebar author urls

* rename .text to .label
mzaffran pushed a commit to mzaffran/mzaffran.github.io that referenced this pull request Jan 4, 2021
…es#2472)

* Use scss padding for sidebar author urls

* rename .text to .label
kaitokikuchi pushed a commit to kaitokikuchi/kaitokikuchi.github.io that referenced this pull request Sep 4, 2023
…es#2472)

* Use scss padding for sidebar author urls

* rename .text to .label
chukycheese pushed a commit to chukycheese/chukycheese.github.io that referenced this pull request Sep 18, 2023
…es#2472)

* Use scss padding for sidebar author urls

* rename .text to .label
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