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

Add align to img, p, and div & allow h1 to be centered #2231

Merged
merged 9 commits into from
Aug 23, 2024

Conversation

Minenash
Copy link
Contributor

@Minenash Minenash commented Aug 22, 2024

Supersedes omorphia#182 which superseded knossos#1401 which fixes knossos#1207 but also adds it to p and div for better Github Markdown compatibility.

In the knossos PR, I had to add overflow:y to .markdown-body, however at least when testing in omorphia's docs page for the omorphia PR, no css change was needed.
Not 100% how to test this under the new mono-repo system, but I don't think anything change since the omorphia PR

This PR also allows h1 to be centered in markdown by making it's display no longer flex, but instead block which matches the rest of the headers. This fixes #1539

@github-actions github-actions bot temporarily deployed to Preview (markdown-align-for-img-p-div) August 22, 2024 03:22 Inactive
@github-actions github-actions bot requested a deployment to Preview (markdown-align-for-img-p-div) August 22, 2024 03:33 Abandoned
@github-actions github-actions bot temporarily deployed to Preview (markdown-align-for-img-p-div) August 22, 2024 03:40 Inactive
@Minenash Minenash changed the title Add align to img, p, and div Add align to img, p, and div & allow h1 to be centered Aug 22, 2024
Copy link
Contributor

@Erb3 Erb3 left a comment

Choose a reason for hiding this comment

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

LGTM

@Minenash
Copy link
Contributor Author

I still need to quickly fix the h1 thing. Another style overrides it

@github-actions github-actions bot temporarily deployed to Preview (markdown-align-for-img-p-div) August 22, 2024 20:45 Inactive
@github-actions github-actions bot temporarily deployed to Preview (markdown-align-for-img-p-div) August 22, 2024 21:01 Inactive
@github-actions github-actions bot temporarily deployed to Preview (markdown-align-for-img-p-div) August 22, 2024 21:13 Inactive
@Prospector Prospector enabled auto-merge August 23, 2024 01:14
@Prospector Prospector disabled auto-merge August 23, 2024 01:18
@Prospector Prospector merged commit fafd47f into main Aug 23, 2024
1 of 3 checks passed
@Prospector Prospector deleted the markdown-align-for-img-p-div branch August 27, 2024 02:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

"align" attribute on images doesn't work. Headers use flex boxes for text
3 participants