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

Standardize left/right edge alignment #49

Merged
merged 5 commits into from
Oct 25, 2021
Merged

Conversation

iandunn
Copy link
Member

@iandunn iandunn commented Oct 21, 2021

  • alignfull layout elements like .post-navigation should stretch to the viewport edge (but with internal padding). Compare to the the revised mockup in Refine padding/margin, override block gap #28 (comment)
  • Post titles should align with the post body.
  • alignfull content should fill the screen
  • alignwide content should be larger than normal content, but still have left/right spacing

footer-archive still needs some work, but that can be fixed in the pixel-perfect milestone.

The page archive also needs some refinement (removing post-specific blocks, etc), but that can be done later.

Fixes #37
Interconnected with WordPress/wporg-mu-plugins#15

"left": "var(--wp--style--block-gap)",
"right": "var(--wp--style--block-gap)"
},
"breakpoint": {
Copy link
Member Author

@iandunn iandunn Oct 21, 2021

Choose a reason for hiding this comment

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

These were removed because they're no longer used.

If they were needed, though, I think the edge-spacing var this PR introduces is better than breakpoint-specific vars.

See WordPress/gutenberg#27107 (comment)

@iandunn iandunn changed the title Refine alignment 37 minimal Standardize left/right edge alignment Oct 21, 2021
@iandunn
Copy link
Member Author

iandunn commented Oct 21, 2021

reminder: this will need to be rebased after #41 is merged

@iandunn iandunn force-pushed the refine-alignment-37-minimal branch 2 times, most recently from a7e75f8 to 964043b Compare October 25, 2021 18:39
This makes the spacing more consistent, and fixes several problems:
* `alignfull` elements like `.post-navigation` should stretch to the viewport edge (but with internal padding).
* Post titles should align with the post body.

This is interconnected with related changes in the header/footer.
@iandunn iandunn merged commit f438184 into trunk Oct 25, 2021
@iandunn iandunn deleted the refine-alignment-37-minimal branch October 25, 2021 21:24
@iandunn iandunn mentioned this pull request Oct 26, 2021
17 tasks
iandunn added a commit that referenced this pull request Oct 28, 2021
@iandunn iandunn removed this from the Initial Launch: Functionality milestone Nov 5, 2021
@scruffian
Copy link
Collaborator

This seems problematic for the "People of WordPress" section:
Screenshot 2021-12-07 at 12 04 01

@iandunn
Copy link
Member Author

iandunn commented Dec 15, 2021

Can you elaborate on that?

@scruffian
Copy link
Collaborator

Sorry I was misunderstanding the implementation, its fine :)

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.

Refine edge and content alignment
2 participants