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

Navigation block: "Justify items" not working. #37953

Closed
costdev opened this issue Jan 13, 2022 · 1 comment
Closed

Navigation block: "Justify items" not working. #37953

costdev opened this issue Jan 13, 2022 · 1 comment

Comments

@costdev
Copy link
Contributor

costdev commented Jan 13, 2022

Description

In a stream by @ryanwelcher, it was noticed the navigation block doesn't respect the user's choice of item justification.

Step-by-step reproduction instructions

  1. Add a Navigation block.
  2. Click "Add all pages".
  3. Click the alignment icon and select "Justify items right". The items will justify to the right.
  4. De-select the Navigation block. The items will justify to the left.
  5. Click "Save".
  6. View the frontend. The items will justify to the left.

Screenshots, screen recording, code snippet

/* block-library/blocks/navigation/style.css */
.wp-block-navigation .wp-block-page-list {
    justify-content: var(--layout-justify,initial);
}

Changing this to: --navigation-layout-justify appears to fix the issue.

Environment info

Wordpress version: 6.0-trunk
Gutenberg version: 12.3.2
Browser: Chrome

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

@costdev
Copy link
Contributor Author

costdev commented Jan 13, 2022

Looks like this has been fixed by PR: #37718.

@costdev costdev closed this as completed Jan 13, 2022
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

No branches or pull requests

1 participant