Skip to content
This repository has been archived by the owner on Jan 24, 2024. It is now read-only.

Left Aligned Call to Action with Image pattern adjustments #292

Merged
merged 5 commits into from
Sep 15, 2023

Conversation

juanfra
Copy link
Member

@juanfra juanfra commented Sep 8, 2023

Description

Patterns tweaks from Beatriz.
Removed padding left from first column to match designs.

Fixes #247

Screenshots

Screen.Recording.2023-09-08.at.17.58.49.mov
<div class="wp-block-columns alignfull"><!-- wp:column {"width":"642px","style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"}}}} -->
<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained","wideSize":"","contentSize":"1280px"}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:columns {"align":"full"} -->
<div class="wp-block-columns alignfull"><!-- wp:column {"style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"0px"}}}} -->
<div class="wp-block-column" style="padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;flex-basis:642px"><!-- wp:heading -->
Copy link
Contributor

@carolinan carolinan Sep 13, 2023

Choose a reason for hiding this comment

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

When I add the pattern I am getting a block validation error, because the padding-left and the flex basis are incorrect:


logger.js:17 Block validation: Block validation failed for `core/column` (Object).

Content generated by `save` function:

<div class="wp-block-column" style="padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:0px"></div>

Content retrieved from post body:

<div class="wp-block-column" style="padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;flex-basis:642px">



</div>
(anonymous) @ logger.js:17
Copy link
Member Author

Choose a reason for hiding this comment

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

Thanks for looking into it Carolina 😄 - I adjusted things to fix the issue.

@carolinan
Copy link
Contributor

Paragraphs must not be used in place of a list:
#46

The checkmarks will be a custom block style for the list block: #150
So we should think about in which order we merge these to reduce duplicate work :)

@MaggieCabrera
Copy link
Collaborator

Can you please rebase this and leave the changes to the checkmarks out of this PR? let's address that bit in #150

@juanfra
Copy link
Member Author

juanfra commented Sep 14, 2023

Sure, I was about to write the same thing. The goal of this PR was to cover #247

I'll rebase and leave the custom list styles implementation to Aurooba

@MaggieCabrera
Copy link
Collaborator

I made a comment on the other PR to make sure we remember to keep the visual adjustments for the new markup

@MaggieCabrera MaggieCabrera merged commit 39aa2ce into trunk Sep 15, 2023
2 checks passed
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.