github/qBittorrent
1
0
Fork 0
mirror of https://github.com/qbittorrent/qBittorrent synced 2025-08-20 21:33:27 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

WebUI: Fix hiding of filters toolbar

Browse source 
The toolbar should be hidden when not on the "Transfers" tab. The hiding of this toolbar can result in resizing the panels, especially on mobile, so we should recompute panel heights.
This commit is contained in:
Thomas Piccirello 2025-06-24 15:54:22 -07:00
commit 2263918bb0
No known key found for this signature in database
2 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/webui/www/private/css/style.css
View file

@ -463,6 +463,10 @@ a.propButton img {
vertical-align: top; vertical-align: top;
} }
#torrentsFilterToolbar.invisible {
display: none;
}
#torrentsFilterInput { #torrentsFilterInput {
background-color: var(--color-background-default); background-color: var(--color-background-default);
background-image: url("../images/edit-find.svg"); background-image: url("../images/edit-find.svg");

8
src/webui/www/private/scripts/client.js
View file

@ -1308,7 +1308,7 @@ window.addEventListener("DOMContentLoaded", (event) => {
document.getElementById("filtersColumn_handle").classList.add("invisible"); document.getElementById("filtersColumn_handle").classList.add("invisible");
document.getElementById("mainColumn").classList.add("invisible"); document.getElementById("mainColumn").classList.add("invisible");
document.getElementById("torrentsFilterToolbar").classList.add("invisible"); document.getElementById("torrentsFilterToolbar").classList.add("invisible");
MochaUI.Desktop.resizePanels(); MochaUI.Desktop.setDesktopSize();
}; };
const showSearchTab = (() => { const showSearchTab = (() => {
@ -1342,7 +1342,7 @@ window.addEventListener("DOMContentLoaded", (event) => {
const hideSearchTab = () => { const hideSearchTab = () => {
document.getElementById("searchTabColumn").classList.add("invisible"); document.getElementById("searchTabColumn").classList.add("invisible");
MochaUI.Desktop.resizePanels(); MochaUI.Desktop.setDesktopSize();
}; };
const showRssTab = (() => { const showRssTab = (() => {
@ -1380,7 +1380,7 @@ window.addEventListener("DOMContentLoaded", (event) => {
const hideRssTab = () => { const hideRssTab = () => {
document.getElementById("rssTabColumn").classList.add("invisible"); document.getElementById("rssTabColumn").classList.add("invisible");
window.qBittorrent.Rss && window.qBittorrent.Rss.unload(); window.qBittorrent.Rss && window.qBittorrent.Rss.unload();
MochaUI.Desktop.resizePanels(); MochaUI.Desktop.setDesktopSize();
}; };
const showLogTab = (() => { const showLogTab = (() => {
@ -1417,7 +1417,7 @@ window.addEventListener("DOMContentLoaded", (event) => {
const hideLogTab = () => { const hideLogTab = () => {
document.getElementById("logTabColumn").classList.add("invisible"); document.getElementById("logTabColumn").classList.add("invisible");
MochaUI.Desktop.resizePanels(); MochaUI.Desktop.setDesktopSize();
window.qBittorrent.Log && window.qBittorrent.Log.unload(); window.qBittorrent.Log && window.qBittorrent.Log.unload();
}; };