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

Add footer patterns #85

Merged
merged 25 commits into from
Oct 12, 2021
Merged

Add footer patterns #85

merged 25 commits into from
Oct 12, 2021

Conversation

kjellr
Copy link
Collaborator

@kjellr kjellr commented Oct 11, 2021

Closes #16.

⚠️ This one relies on some of the block patterns setup from #74, so the PR builds on that for now.


This PR adds the 11 footer patterns from the original mockups.

Thanks @melchoyce for your help building these.

With a couple small exceptions (example), these work fine responsively. If those end up being the only issues people see, I'm comfortable merging this and then fixing the individual patterns in followup issues.


Screenshots

footer-patterns


136843375-06af7b26-7f6f-4e8e-9c9f-78f622459996

@kjellr kjellr requested a review from jffng October 11, 2021 20:10
@kjellr kjellr self-assigned this Oct 11, 2021
Copy link
Collaborator

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

Looking good!

One general comment, most (all?) of these don't have any left / right padding so they butt up against the edges on mobile:

Screen Shot 2021-10-11 at 5 56 36 PM

inc/patterns/footer-dark.php Outdated Show resolved Hide resolved
inc/patterns/footer-query-title-citation.php Outdated Show resolved Hide resolved
inc/patterns/footer-query-images-title-citation.php Outdated Show resolved Hide resolved
<div class="wp-block-group alignfull" style="padding-top:8rem;padding-bottom:8rem"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>' . esc_html__( 'ABOUT US', 'twentytwentytwo' ) . '</p>
Copy link
Collaborator

Choose a reason for hiding this comment

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

Can these labels be Sentence cased and then "textTransform": uppercase;d?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I think we should leave them as is for a couple reasons:

  • The paragraph block does not have a visible textTransform control. And entering that manually on the block doesn't seem to work in my testing.
  • I could switch to a heading block here, but I want these to be set in the system font, and a font choice isn't available for the heading block. (I think this was originally to limit the user to sticking with the theme's styles, but I find it pretty limiting myself... I might open a Gutenberg issue to reconsider that).

For now, I think this is the simplest approach, and will make the most sense to users editing this one.

Base automatically changed from add/header-block-patterns to trunk October 12, 2021 14:10
@kjellr kjellr merged commit 7214673 into trunk Oct 12, 2021
@kjellr kjellr deleted the add/footer-block-patterns branch October 12, 2021 15:10
@kjellr kjellr mentioned this pull request Oct 12, 2021
3 tasks
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.

Block Patterns: Add Footer Patterns
2 participants