Skip to content

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

Merged
Prospector merged 9 commits intomainfrom
markdown-align-for-img-p-div
Aug 23, 2024
Merged

Add align to img, p, and div & allow h1 to be centered#2231
Prospector merged 9 commits intomainfrom
markdown-align-for-img-p-div

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

Signed-off-by: Jakob <minenash@protonmail.com>
Signed-off-by: Jakob <minenash@protonmail.com>
@github-actions github-actions bot temporarily deployed to Preview (markdown-align-for-img-p-div) August 22, 2024 03:22 Inactive
Signed-off-by: Jakob <minenash@protonmail.com>
@github-actions github-actions bot requested a deployment to Preview (markdown-align-for-img-p-div) August 22, 2024 03:33 Abandoned
Signed-off-by: Jakob <minenash@protonmail.com>
@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

@piprett piprett 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
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