WebUI: Fix hiding of filters toolbar

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.

PR #22915.
This commit is contained in:
Thomas Piccirello 2025-07-06 11:45:45 -04:00 committed by GitHub
commit f8d44b5073
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 8 additions and 4 deletions

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");

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();
}; };