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

Move DocSearch out of offcanvas to always show it on mobile #36824

Merged
merged 2 commits into from
Jul 27, 2022

Conversation

mdo
Copy link
Member

@mdo mdo commented Jul 23, 2022

Easier fix than continuing to mess with offcanvas options or consider building on top of DocSearch itself. This moves the partial out of the navbar offcanvas so that it can be always visible on mobile. I've added some additional styles to make the mobile state better match our navbar iconography as well.

/cc @julien-deramond @GeoSot

Fixes #36822.

@mdo mdo requested a review from a team as a code owner July 23, 2022 17:01
site/assets/scss/_navbar.scss Show resolved Hide resolved
site/assets/scss/_search.scss Outdated Show resolved Hide resolved
site/layouts/partials/docs-navbar.html Show resolved Hide resolved
site/layouts/partials/docs-navbar.html Outdated Show resolved Hide resolved
@julien-deramond
Copy link
Member

Note: if merged, can close #36822

@mdo
Copy link
Member Author

mdo commented Jul 25, 2022

Issues should be smoothed out now.

@mdo
Copy link
Member Author

mdo commented Jul 25, 2022

Related question to the behavior here... should we switch the positions of our offcanvas toggles? Does it make sense to have the global nav on the right, and the sidebar on the left?

@julien-deramond julien-deramond self-requested a review July 26, 2022 05:59
Copy link
Member

@julien-deramond julien-deramond left a comment

Choose a reason for hiding this comment

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

LGTM with the latest changes!

Related question to the behavior here... should we switch the positions of our offcanvas toggles? Does it make sense to have the global nav on the right, and the sidebar on the left?

I more used to have the global nav on the right so having the sidebar on the left doesn't shock me. I find it more disturbing at first to have the three dots (...) for the global nav and the burger menu for the secondary menu/sidebar, than their left/right position.

@mdo
Copy link
Member Author

mdo commented Jul 26, 2022

Rad, that's good to hear. Regarding icons, I'm open to hearing new icon suggestions :). I'll think on it as well.

@mdo mdo merged commit 3feaf6c into main Jul 27, 2022
@mdo mdo deleted the always-show-search branch July 27, 2022 20:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
Status: Done
Development

Successfully merging this pull request may close these issues.

[DOCS] Search is not working on mobile
3 participants