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

[docs] Search updated to be visible on small screen size #26918

Closed

Conversation

DanielBretzigheimer
Copy link
Contributor

@DanielBretzigheimer DanielBretzigheimer commented Jun 23, 2021

I have updated the search bar to be also visible on small screen sizes (#26536). The search results are shown in fullscreen on small screen sizes. This fixes also the issue that the search popup is partially drawn outside the browser window.

I'm not fully satisfied with the current look, but it's a first draft. On small screen sizes the search should also hide the other toolbar buttons to allow for enough space for the search input.

Preview: https://deploy-preview-26918--material-ui.netlify.app/components/alert/

@mui-pr-bot
Copy link

mui-pr-bot commented Jun 23, 2021

No bundle size changes (experimental)

Generated by 🚫 dangerJS against fe34df2

@oliviertassinari
Copy link
Member

oliviertassinari commented Jun 27, 2021

@DanielBretzigheimer Thanks for the initiative. See #26112 for how we plan to move forward. I'm closing as this direction won't help long term (relying on the previous version of Alglia search). Also note how the changes seal the focus on the page.

cc @danilo-leal

@oliviertassinari oliviertassinari added the docs Improvements or additions to the documentation label Jun 27, 2021
@DanielBretzigheimer DanielBretzigheimer deleted the mobile_search branch March 17, 2022 19:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs Improvements or additions to the documentation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants