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

Bute: Update navigation so they are vertically centre to avoid wpcom banners overlapping #7203

Merged
merged 3 commits into from
Jul 11, 2023

Conversation

iamtakashi
Copy link
Contributor

Changes proposed in this Pull Request:

This theme suggests having an "always-icon" navigation.
butedemo wordpress com_(MacBook Pro 14_) (1)

When you open the navigation, the demo or the marketing bars overlap the navigation, and the close button gets hidden.
butedemo wordpress com_(MacBook Pro 14_) (2)

Usually, this is not a problem because of the z-index of 100000 while the banners are 99998 and 99998. However, when a header is inside a cover block, I don't think the z-index is actually 100000, thus, it goes underneath the banners :/

I thought it'd be best to make the navigation vertically centre to avoid that. There is no option to modify the layout inside the modal, so I needed to use css though.

localhost local_(MacBook Pro 14_) (2)

What do you think? Any other solution that we don't need to hold up the launch?

Copy link
Member

@mikachan mikachan left a comment

Choose a reason for hiding this comment

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

It'd be good to fix this upstream in Gutenberg, but for now, we can change the alignment of the menu in this theme so the launch isn't blocked. Apart from a tiny change, the CSS looks good to me 👍

bute/theme.json Outdated Show resolved Hide resolved
Remove an extra curly bracket.

Co-authored-by: Sarah Norris <1645628+mikachan@users.noreply.github.com>
@iamtakashi
Copy link
Contributor Author

Thanks @mikachan!

I opened an issue here: WordPress/gutenberg#52511

@mikachan mikachan merged commit 347579f into trunk Jul 11, 2023
@mikachan mikachan deleted the update/bute-navigation branch July 11, 2023 20:11
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