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

BCB + children: use nav block responsive control #3870

Merged
merged 15 commits into from
May 21, 2021
Merged

Conversation

jffng
Copy link
Contributor

@jffng jffng commented May 17, 2021

Changes proposed in this Pull Request:

  • Removes BCB's mobile navigation hacky bits.
  • Tells the rendered navigation block to render responsively.

This change is needed so that the navigation block can be configured to support responsive mobile stylings.
A fix for this issue is necessary to get mobile navigation stylings to work as expected. (fix here) (fixed)

With BOTH of those fixes in place these changes work to style the navigation block's mobile styling. This change shouldn't come in until fix #31917 has landed. Quadrat will not work as expected until #31917 lands.

NOTE: This bug was found and logged while working on this. It's irritating but not a blocker to bring this change in.

In addition to the above this work this change:

  • Positions the mobile menu button in a more expected location
  • Styles the mobile menu to match foreground/background semantic colors
  • Styles the submenus (as core/navigation-link block styling)

Related issue(s):

Screenshots

BCB:
image
image

Seedlet-Blocks:
image
image

Mayland-Blocks:
image
image

Quadrat:
image
image
(known issue)

@pbking
Copy link
Contributor

pbking commented May 18, 2021

This is ready for evaluation (though you'll have to merge two branches into a local Gutenberg instance to evaluate currently) but isn't ready to bring in until those (or at least one of the items) lands. I would appreciate some eyes on the change though.

@pbking pbking added this to the Quadrat v1 milestone May 18, 2021
@jffng jffng marked this pull request as ready for review May 19, 2021 12:43
@jffng jffng removed this from the Quadrat v1 milestone May 20, 2021
@jffng
Copy link
Contributor Author

jffng commented May 21, 2021

I get some weirdness when I try to close the menu, but it might just be trying to test this in a browser rather than actually on mobile:

Kapture 2021-05-21 at 10 25 48

In any case, if it is an issue it should be reported / worked on in the nav block.

Other than that and my other comment about the template parts, this PR LGTM. We can address Quadrat mobile styling in a separate PR.

@pbking
Copy link
Contributor

pbking commented May 21, 2021

I get some weirdness when I try to close the menu

Already reported and noted in the description.

@pbking
Copy link
Contributor

pbking commented May 21, 2021

Moved the nav stuff from BCB into Quadrat as backup.

This is ready for another look-see.

Suggest any further theme-specific mobile-only changes happen in followups.

@jffng
Copy link
Contributor Author

jffng commented May 21, 2021

Tested and verified that Quadrat's mobile menu is working as it was before this PR.

Sadly I can't give the official green check since I opened the PR. But here it is in spirit ✅

@pbking
Copy link
Contributor

pbking commented May 21, 2021

Hah, well I can so I think with our powers combined we squash and merge this thing!

Copy link
Contributor

@pbking pbking left a comment

Choose a reason for hiding this comment

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

🚢

@pbking pbking merged commit 655b1fe into trunk May 21, 2021
@pbking pbking deleted the refactor/responsive-nav branch September 13, 2021 17:58
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.

2 participants