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

Try/header template part wrapped #3714

Merged
merged 6 commits into from
Apr 27, 2021
Merged

Conversation

pbking
Copy link
Contributor

@pbking pbking commented Apr 26, 2021

Tinkered with #3654 but put a different spin on it.

I'm still hopeful we can use the navigation block, however this might be an important way to do without that method anyway.

This moves the rendering of the menu to a function, which outputs the HTML of a rendered block, wrapped in an html block to be rendered by the header's do_blocks() call.

This method allows the navigation block markup to be rendered WITHIN a do_blocks() call (rather than 'stacked' as the only option).

Here is the magic with the spell being cast here..

image

Copy link
Member

@scruffian scruffian left a comment

Choose a reason for hiding this comment

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

This looks great. My only hesitation is that I think we need a robust plan to move users to the Site Editor seamlessly before we can commit to this approach, otherwise we'll still end up in a situation where we have users stuck on Classic themes.

@pbking
Copy link
Contributor Author

pbking commented Apr 27, 2021

I absolutely wholeheartedly 100% agree. That was my hesitation in even WORKING on this solution, and even more so pushing it for review and discussion.

It allows things to work in this narrow targeted situation, and I'm not keen to call the Quadrat a 'universal' theme today since it can ONLY work in the classic environment. IMO it more fits the definition of a 'hybrid' theme (using pieces of classic and block-based) and in that case this solution could be fine.

If the goal is truly 'universal' this won't work. If we're OK with 'hybrid' and it's just a classic theme with a few new toys it's a viable option. I only present it as a theme-specific temporary solution to this narrow use-case, not the type of solution that address the broader issues of universality.

@MaggieCabrera
Copy link
Contributor

I feel like there's value in exploring solutions that are "not universal". We may not find the perfect universal implementation right away and we may require interim solutions while we get there. Quadrat may need refactors after launch to take it there. Thanks for looking into all possible avenues to get there.

Copy link
Member

@scruffian scruffian left a comment

Choose a reason for hiding this comment

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

It seems like we will have to solve the navigation problem in Gutenberg somehow, so I say lets go with this and wait for a solution to land there...

@pbking pbking force-pushed the try/header-template-part-wrapped branch from 760aa23 to 6830a8b Compare April 27, 2021 20:31
Copy link
Member

@scruffian scruffian left a comment

Choose a reason for hiding this comment

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

LGTM. Just one minor suggestion...

@pbking pbking merged commit 4c9ca9d into make/quadrat Apr 27, 2021
scruffian pushed a commit that referenced this pull request Apr 28, 2021
* Modified site-title styles to match comps

* Added a navigation rendering function to render the navigation block based on a classic data source, wrap the output in an HTML block to be inserted anywhere blocks are do_block()'ed

* Added a header template part that leverages the rendered navigation block markup

* Replaced usage of navigation block template with new template-part

* Added styles for header for proper layout unachievable with blocks.
@jffng jffng mentioned this pull request Apr 30, 2021
jffng pushed a commit that referenced this pull request May 4, 2021
* Modified site-title styles to match comps

* Added a navigation rendering function to render the navigation block based on a classic data source, wrap the output in an HTML block to be inserted anywhere blocks are do_block()'ed

* Added a header template part that leverages the rendered navigation block markup

* Replaced usage of navigation block template with new template-part

* Added styles for header for proper layout unachievable with blocks.
pbking added a commit that referenced this pull request May 6, 2021
* Modified site-title styles to match comps

* Added a navigation rendering function to render the navigation block based on a classic data source, wrap the output in an HTML block to be inserted anywhere blocks are do_block()'ed

* Added a header template part that leverages the rendered navigation block markup

* Replaced usage of navigation block template with new template-part

* Added styles for header for proper layout unachievable with blocks.
pbking added a commit that referenced this pull request May 6, 2021
* Modified site-title styles to match comps

* Added a navigation rendering function to render the navigation block based on a classic data source, wrap the output in an HTML block to be inserted anywhere blocks are do_block()'ed

* Added a header template part that leverages the rendered navigation block markup

* Replaced usage of navigation block template with new template-part

* Added styles for header for proper layout unachievable with blocks.
scruffian pushed a commit that referenced this pull request May 6, 2021
* Modified site-title styles to match comps

* Added a navigation rendering function to render the navigation block based on a classic data source, wrap the output in an HTML block to be inserted anywhere blocks are do_block()'ed

* Added a header template part that leverages the rendered navigation block markup

* Replaced usage of navigation block template with new template-part

* Added styles for header for proper layout unachievable with blocks.
jffng added a commit that referenced this pull request May 6, 2021
* Scaffolding a universal theme plus basic typography and color palette.

* fixed do_blocks routes and override index.html from BCB

* added header and footer templates

* changed query to post content block

* commented with the GB issue

* Quadrat: Add new heading sizes and other small misc changes (#3649)

* Quadrat: Add new heading sizes

* Quadrat: Further work on Lists and Quotes

* Quadrat: Remove whitespace

* Quadrat: Add responsive Heading font-sizes

* Fix typo.

* Recompile.

* remove older deploy actions and adding quadrat deploy action (#3655)

* Add the hosts block pattern. (#3662)

* Add the hosts block pattern.

* Fix categories.

* Update img refs.

* Add alt text to media text pattern.

* Revise block pattern names.

* Add text domain.

* Quadrat: override BCB's templates with php ones (#3667)

* override BCB's templates with php ones

* Revert unrelated changes to Seedlet Blocks that are not in trunk.

* Quadrat: Add responsive Paragraph styles and start styling the Code b… (#3663)

* Quadrat: Add responsive Paragraph styles and start styling the Code block

* Quadrat: Remove Code block styling

* Revise heading max vw.

Co-authored-by: Jeff Ong <jonger4@gmail.com>

* Quadrat: Add Latest episodes block pattern (#3665)

* added Latest episodes block pattern

* translatable strings

* staging url for media

* rebased, updated texts and adjusted paddings

* added a group with padding to the blocks

* Body line-height to 1.7.

Co-authored-by: Jeff Ong <jonger4@gmail.com>

* Add menu locations to quadrat

* Remove disconnected changes

* Remove footer menu location

* rebuild theme.json

* Quadrat: Add Quote block styles

* Tightened up the line-height and lessened the space between quote and citation.

* Remove properties that already exist in the parent theme

* Remove quote sass include and rebuild.

* Quadrat: Add list styles

* Removed variable usage for list item style

* Updated list styles to be more correcter

* Try/header template part wrapped (#3714)

* Modified site-title styles to match comps

* Added a navigation rendering function to render the navigation block based on a classic data source, wrap the output in an HTML block to be inserted anywhere blocks are do_block()'ed

* Added a header template part that leverages the rendered navigation block markup

* Replaced usage of navigation block template with new template-part

* Added styles for header for proper layout unachievable with blocks.

* Quadrat: Style the Code block

* Remove unneeded declarations

* Removed font-changing settings on code block

* Quadrat: add cover pattern (#3676)

* Try using svg for block pattern.

* Try mask-image instead.

* move the svg to a before pseudoelement

* refactored the pseudoelements

* fix for the editor interaction when cover block is highlighted

* Add block pattern.

* Use a transparent div instead of svg. Simplify how color of the diamond is set.

* Rotate closer to the design.

* Use background image with svg and mix-blend-mode.

* made block pattern wide aligned

* created exceptions bof black and white

* changes to fit the design, lowered opacity on black and white versions

* Add autoprefixing to Quadrat

* removed error from rebase

* removed unnecessary z-index, linting

* z-index added

* Scope CSS to cover block.

* :: for consistency.

Co-authored-by: Maggie Cabrera <maggie.cabrera@automattic.com>
Co-authored-by: Ben Dwyer <ben@scruffian.com>

* removes template hack

* Quadrat: Add Episode block pattern (#3695)

* create episode pattern

* added group wrapper for padding

* correct url for image

* typo

* update to use media and text

* changed the url of the image, added alt content and em tag

* remove unneeded class, added wrapper for bottom padding

* Scope the 0 padding to text content without a background.

* Remove group, add spacer. Fix local image ref.

Co-authored-by: Ben Dwyer <ben@scruffian.com>
Co-authored-by: Jeff Ong <jonger4@gmail.com>

* Change colors used in theme.json from descreptive to semantic (#3725)

* Change colors used in theme.json from descreptive to semantic

* semanticizing the color

* formatting

* also changed the child theme.json

* Quadrat: Add table styles (#3719)

* Quadrat: Add styles for tables

* Add tbody for extra specificity

* Add a border to the top of the first row

* Remove text-align.

Co-authored-by: Jeff Ong <jonger4@gmail.com>

* Allowing overflow of group-wrapped navigation (#3732)

* Update screenshot.png (#3735)

* Quadrat: Add page templates (#3721)

* Rebase trunk.

* Revise footer.

* Add CSS for the next/prev links

* Continue rebase.

* remove test code

* used gutenberg_block_template_part to load template parts on php templates

* Remove testing text

* alignment tweaks

* Add separate templates for page and post.

* Restore header wrapper that was accidentally removed in rebase.

* Template tweaks.

* Add page block template.

Co-authored-by: Jeff Ong <jonger4@gmail.com>
Co-authored-by: Maggie Cabrera <maggie.cabrera@automattic.com>

* Make index query inherit query string.

* Update screenshot.png (#3742)

* Quadrat: Add CSS for a featured image

* Quadrat: Headlines and Buttons Block Pattern (#3744)

* created block pattern

* padding rules for mobile

* added new class to all the group blocks

* Remove all padding from text content on mobile.

Co-authored-by: Jeff Ong <jonger4@gmail.com>

* Change hover rules for buttons

* Add hover styles for buttons and links

* Remove background color from buttons. (#3752)

* Quadrat: Add the listen pattern

* refactor patterns to single files

* move utility classes to BCB

* refactor listen to the podcast

* Quadrat: Add a join pattern

* Make the pattern wide

* Check the class exists before calling it

* Make sure the plugin is loaded before adding the pattern

* Move the block pattern CSS to a new file

Co-authored-by: Maggie Cabrera <maggie.cabrera@automattic.com>
Co-authored-by: Daniel Dudzic <daniel.dudzic@automattic.com>
Co-authored-by: Jason Crist <jcrist@pbking.com>
Co-authored-by: Ben Dwyer <ben@scruffian.com>
Co-authored-by: Kjell Reigstad <kjell.reigstad@automattic.com>
@pbking pbking deleted the try/header-template-part-wrapped branch September 13, 2021 17:57
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