search

open-sauced / hot

🍕The site that recommends the hottest projects on GitHub.
https://hot.opensauced.pizza
MIT License
418 stars 145 forks source link

fix: mobile view secondary nav so it wraps on two lines when extra menu item added when signed in #440

Closed Themesses closed 1 year ago

Themesses commented 1 year ago

What type of PR is this? (check all applicable)

Description

This PR fixes the secondary menu bug in mobile view where the last menu item, while signed-in, had unexpected wrapping behaviour. Flex-wrap added to allow multiline on smaller screens.

Related Tickets & Documents

Fixes #438

Mobile & Desktop Screenshots/Recordings

Before:

https://user-images.githubusercontent.com/43274289/210938781-5654a34a-919c-4ac6-805c-cabc358d42d8.mp4

After:

https://user-images.githubusercontent.com/43274289/210939322-a2cd4d3e-acc0-47e7-8f19-83e872817aca.mp4

Added tests?

Added to documentation?

[optional] Are there any post-deployment tasks we need to perform?

[optional] What gif best describes this PR or how it makes you feel?

netlify[bot] commented 1 year ago

Deploy Preview for hot-sauced-ui ready!

Name Link
Latest commit 8b5b7f37c10498958fd55eb73a1d2f3af8dc589d
Latest deploy log https://app.netlify.com/sites/hot-sauced-ui/deploys/63b7bc5aad910a0008f08e3a
Deploy Preview https://deploy-preview-440--hot-sauced-ui.netlify.app/
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

github-actions[bot] commented 1 year ago

:tada: This PR is included in version 2.31.0-beta.4 :tada:

The release is available on:

Your semantic-release bot :package::rocket:

github-actions[bot] commented 1 year ago

:tada: This PR is included in version 2.31.0 :tada:

The release is available on:

Your semantic-release bot :package::rocket: