Skip to content
This repository has been archived by the owner on Jul 12, 2024. It is now read-only.

Fix hidden menu title on smaller screens #6562

Merged
merged 2 commits into from
Mar 11, 2021
Merged

Fix hidden menu title on smaller screens #6562

merged 2 commits into from
Mar 11, 2021

Conversation

joshuatf
Copy link
Contributor

Fixes #6395

Fixes the menu being hidden when the viewport height is too small.

I tested this with the hasSearch prop as well and search seemed to be styled correctly. cc @Copons to make sure I haven't broken anything in WordPress/gutenberg#25315 in case we opt to use this feature in the future. Is there a reason for the overflow: hidden; on the title?

Screenshots

Before

Screen Shot 2021-03-10 at 1 15 11 PM

After

Screen Shot 2021-03-10 at 1 13 09 PM

Detailed test instructions:

  1. Enable the new navigation.
  2. Shorten your viewport height so that the secondary menu overlaps the main.
  3. Make sure the menu title can still be seen.

Copy link
Contributor

@joelclimbsthings joelclimbsthings left a comment

Choose a reason for hiding this comment

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

Tested this and works well with Gutenberg 10.1.1 installed. I also noticed the that link font size is now smaller; is that what we want?

@joshuatf
Copy link
Contributor Author

Thanks, @joelclimbsthings!

I see the font-size as 13px, do you see something different? I think that is the expected size ( WordPress/gutenberg#26338 ).

Hopefully this remains the same between GB and the WC nav so the experience between the two is not too jarring (assuming WP core implements the nav at some point).

@joelclimbsthings
Copy link
Contributor

Right! Thanks for the reference. Looks good, then!

🚢

@joshuatf joshuatf merged commit f999b6a into main Mar 11, 2021
@joshuatf joshuatf deleted the fix/6395 branch March 11, 2021 20:01
ObliviousHarmony pushed a commit to woocommerce/woocommerce that referenced this pull request Mar 18, 2022
…in#6562)

* Fix hidden menu title on smaller screens

* Add changelog entry and testing instructions
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Navigation: Menu Title overlapped with latest Gutenberg
2 participants