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

📏 Fix spacing in themes #450

Closed
wants to merge 3 commits into from
Closed

Conversation

agoose77
Copy link
Collaborator

@agoose77 agoose77 commented Aug 21, 2024

I noticed that there are a couple of spacing problems right now in our themes:

  1. The abstract heading is padded:
    image
  2. The article title is too low in book theme, and the document outline too:
    image

I think the abstract heading should be not-prose, as we don't want to pad it. Do you agree @stevejpurves?

As for useThemeTop, it looks like a mistake that it's used in the main body. So, I've removed it.

Copy link

changeset-bot bot commented Aug 21, 2024

🦋 Changeset detected

Latest commit: 1350d35

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 12 packages
Name Type
@myst-theme/site Patch
@myst-theme/book Patch
@myst-theme/providers Patch
@myst-theme/frontmatter Patch
@myst-theme/diagrams Patch
@myst-theme/jupyter Patch
@myst-theme/styles Patch
@myst-theme/common Patch
@myst-theme/icons Patch
@myst-theme/article Patch
myst-to-react Patch
myst-demo Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@agoose77 agoose77 requested a review from stevejpurves August 21, 2024 16:10
@stevejpurves
Copy link
Contributor

some of this may collide with changes i've already made in #444, maybe re-assess this now that is in @agoose77?

@stevejpurves
Copy link
Contributor

on the abstract heading... that probably also applies to any FrontmatterPart not just Abstract and I think we might want to cut the padding but keep other styling. The article-theme is where I really saw the mismatch.

@@ -16,7 +16,7 @@ export function Abstract({
if (!content) return null;
return (
<div className={className}>
<h2 id={id} className="mb-3 text-base font-semibold group">
<h2 id={id} className="mb-3 text-base font-semibold group not-prose">
Copy link
Member

Choose a reason for hiding this comment

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

Making this not-prose will change the font which is not ideal. Can we just add mt-0?

@stevejpurves
Copy link
Contributor

I think that we already have good alignment without this PR and could close @agoose77, I took care of alignment in with the toc/nav work

@agoose77 agoose77 closed this Sep 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants