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

Improve: Increase the hitbox area of Search box on mobile devices #169

Open
ShadowArcanist opened this issue Dec 30, 2024 · 2 comments
Open
Assignees
Labels
👥 Core Team Only Restricted to the core Coolify team for work. ✨ Enhancement Suggestions to improve or add detail to existing docs. ⚠️ High Priority Critical documentation tasks requiring immediate attention.

Comments

@ShadowArcanist
Copy link
Member

At the moment on mobile devices the search box only trigger the search feature if we tap on the search icon (shown in orange box in the below image).

image

Make the hitbox cover the entire search box (shown in red box in the below image)
image

Additionally, the text "Search" is missing on the search box.

Additionally (again), add some more space below the search box and the first accordion (there is a high chance of people accidentally clicking the search box now)

@ShadowArcanist ShadowArcanist added 🐞 Bug Something isn't working as expected in the documentation. ✨ Enhancement Suggestions to improve or add detail to existing docs. labels Dec 30, 2024
@ShadowArcanist ShadowArcanist removed the 🐞 Bug Something isn't working as expected in the documentation. label Dec 30, 2024
@justserdar
Copy link
Contributor

justserdar commented Dec 30, 2024

There is a complication, the search input in the sidebar menu on mobile is actually a button. It has no input field like the default search input field (on screenshot below). I will have to swap this out.

image
If we horizontally shrink the browser, we also lose the dark mode switch for some reason. Might be a internal responsive css class doing that with media queries. Will look into that. I removed the border that gave the illusion it was a input field. That button toggles a new search field at the top of the screen, might need to look into what we want to do with that and how far we can customize that.

@andrasbacsai andrasbacsai transferred this issue from another repository Feb 8, 2025
@justserdar
Copy link
Contributor

justserdar commented Feb 8, 2025

Update: on mobile its just a button by default, this needs to be swapped. Will look into it!

@ShadowArcanist ShadowArcanist moved this to To Do (Low Priority) in Coolify Documentation Feb 10, 2025
@ShadowArcanist ShadowArcanist added ⚠️ High Priority Critical documentation tasks requiring immediate attention. 👥 Core Team Only Restricted to the core Coolify team for work. labels Feb 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
👥 Core Team Only Restricted to the core Coolify team for work. ✨ Enhancement Suggestions to improve or add detail to existing docs. ⚠️ High Priority Critical documentation tasks requiring immediate attention.
Projects
Status: To Do (Low Priority)
Development

No branches or pull requests

2 participants