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

Title & Author misaligned when displaying follicule buttons #5

Open
abreal-badger opened this issue Aug 11, 2021 · 1 comment
Open
Assignees
Labels
bug Something isn't working

Comments

@abreal-badger
Copy link
Owner

As per title. When follicule buttons (not the wrapper or the button span, but the buttons specifically) are rendered, the links for the work title and author are thrown out of alignment with the other text elements on the line:

image

Deleting the buttons inside the button span resolves the alignment issue.

@abreal-badger abreal-badger added the bug Something isn't working label Aug 11, 2021
@abreal-badger abreal-badger self-assigned this Aug 11, 2021
@abreal-badger
Copy link
Owner Author

abreal-badger commented Aug 11, 2021

This is an issue in the site's 13-group-blurb.css, which has the following rule:

.blurb h4 a:link, .blurb h4 img {
color: #900;
vertical-align: bottom;
}

The 'by' text in the heading, as well as the follicule wrapper and button span are aligned at vertical-align:baseline; the buttons themselves are aligned at vertical-align: text-top; because that makes the follicules look nicer when added to tags.

Overriding the CSS that sets vertical-align: bottom might be a way to handle this? I'm not sure why they're configured this way, so I'm uneasy about having the script alter it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant