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

WebUI: Change filter inputs to type search #22033

Merged
merged 1 commit into from
Dec 22, 2024

Conversation

PatrikElfstrom
Copy link
Contributor

Changing input type from text to search for all search and filter inputs
to enable user to easily clear input.

This feature is yet to be implemented in Firefox.
See tracking bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1654288

Also fix search icon horizontal positioning and minor input box paddings.

Don't know why 12px right padding was added on some inputs in #21464
But I remove that because it didn't really work with the clear button.

Here is a before and after in Firefox, Chrome, and Safari, on MacOS:
input-type-search

Closes #15481

Changing input type from text to search for all search and filter inputs
to enable user to easily clear input.

This feature is yet to be implemented in Firefox.
See tracking bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1654288

Also fix search icon horizontal positioning and minor input box paddings.

Closes qbittorrent#15481
@Chocobo1 Chocobo1 added the WebUI WebUI-related issues/changes label Dec 20, 2024
@Chocobo1 Chocobo1 requested a review from a team December 20, 2024 10:38
@Chocobo1 Chocobo1 added this to the 5.1 milestone Dec 20, 2024
@Chocobo1 Chocobo1 merged commit 9709672 into qbittorrent:master Dec 22, 2024
14 checks passed
@Chocobo1
Copy link
Member

@PatrikElfstrom
Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
WebUI WebUI-related issues/changes
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Web UI - Make "Filter torrent list" and "Filter files" inputs <input type="search">
3 participants