gutenberg-best-practices icon indicating copy to clipboard operation
gutenberg-best-practices copied to clipboard
verified publisher icon 10up

Homepage search has incorrect width

Open AshutoshNanaware opened this issue 2 years ago • 3 comments

Description of the Change

Homepage search has incorrect width: Fixed the width of dropdown to be same as search bar.

Closing #

AshutoshNanaware avatar Dec 11 '23 16:12 AshutoshNanaware

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
10up-gutenberg-best-practices ✅ Ready (Inspect) Visit Preview 💬 Add feedback Dec 12, 2023 5:45pm

vercel[bot] avatar Dec 11 '23 16:12 vercel[bot]

Hey @AshutoshNanaware 👋

Thank you for working on this :)

The width is now looking great, however it is a little jarring that the height of the cyan backdrop element now also changes with the search element. Before this change the overlay actually was floating on top of the element. CleanShot 2023-12-11 at 22 48 44@2x

Ideally, that behavior would be retained. Just with the new width.

fabiankaegy avatar Dec 11 '23 21:12 fabiankaegy

Hello @fabiankaegy ,

I've fixed the list element style issue. My apologies for not testing with some elements in the dropdown initially.

New dropdown: image

Current Dropdown UI: image

AshutoshNanaware avatar Dec 12 '23 17:12 AshutoshNanaware