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

Expand design options for Custom Link block in navigation block #39205

Open
annezazu opened this issue Mar 3, 2022 · 0 comments
Open

Expand design options for Custom Link block in navigation block #39205

annezazu opened this issue Mar 3, 2022 · 0 comments
Labels
[Block] Navigation Affects the Navigation Block [Feature] Design Tools Tools that impact the appearance of blocks both to expand the number of tools and improve the experi [Type] Enhancement A suggestion for improvement.

Comments

@annezazu
Copy link
Contributor

annezazu commented Mar 3, 2022

What problem does this address?

As part of the twelfth call for testing for the FSE Outreach Program, feedback came in around how it's not currently possible to create button like menu items using the navigation block:

I ran into two primary issues with this experiment. One of the problems I had a year ago with FSE Outreach 4 was creating a menu that had button-like links. This basic design is still impossible with the Navigation block, at least with the core design tools. Users can add a background to the entire Navigation block but not to the individual menu items. How did I do it? I used a Buttons block instead. The more I think about it now, the more I like the Buttons block alternative. However, there is no way to wrap this in a <nav> tag to define it as a navigation element.

Here's the design in question:

pizza-button-links

What is your proposed solution?

In chatting with @jasmussen in this issue #23293 (comment), it became clear another issue would be advantageous specifically around options for the page links block, since that goes beyond just more separator options. Specifically, adding these options:

  • Individual background and text colors
  • Padding control
  • Border and border radius
  • Setting block gap options
  • The ability to configure the page link block in Styles to set the design for all instances
@annezazu annezazu added [Type] Enhancement A suggestion for improvement. [Block] Navigation Affects the Navigation Block [Feature] Design Tools Tools that impact the appearance of blocks both to expand the number of tools and improve the experi labels Mar 3, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Navigation Affects the Navigation Block [Feature] Design Tools Tools that impact the appearance of blocks both to expand the number of tools and improve the experi [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

1 participant