Skip to content
This repository has been archived by the owner on Feb 17, 2025. It is now read-only.

Quadrat: Add padding to full align column and group blocks #3890

Closed
wants to merge 2 commits into from

Conversation

scruffian
Copy link
Member

Changes proposed in this Pull Request:

This is a different approach to #3816.

The approach is much simpler - we just add padding to the column and group blocks when they are fully aligned. This also requires us to remove the padding from the post content block.

Related issue(s):

#3747

@scruffian scruffian added this to the Quadrat v1 milestone May 20, 2021
@scruffian scruffian requested a review from a team May 20, 2021 12:07
@scruffian scruffian self-assigned this May 20, 2021
@scruffian scruffian changed the title add padding to full align column and group blocks Quadrat: Add padding to full align column and group blocks May 20, 2021
Copy link
Contributor

@jffng jffng left a comment

Choose a reason for hiding this comment

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

I like this approach a lot better. This will also solve #3878.

@@ -202,8 +202,8 @@
},
"post-content": {
"padding": {
"left": "var(--wp--custom--margin--horizontal)",
"right": "var(--wp--custom--margin--horizontal)"
"left": "0px",
Copy link
Contributor

Choose a reason for hiding this comment

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

I understand why you want to remove this, so that content can extend the full width. But it causes all of the blocks (including text) to start at the edge of the screen:

Screen Shot 2021-05-20 at 11 52 38 AM

This was linked to issues May 20, 2021
@jffng jffng removed this from the Quadrat v1 milestone May 20, 2021
@jffng
Copy link
Contributor

jffng commented May 24, 2021

What should happen here? How does this PR relate to #3816?

@scruffian
Copy link
Member Author

Closing in favour of #3953

@scruffian scruffian closed this May 26, 2021
@scruffian scruffian deleted the update/quadrat-alignments branch May 26, 2021 15:00
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Quadrat: margins on mobile Quadrat: Column Block Margins
2 participants