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
parent f42dd1b529
commit f8d44b5073
2 changed files with 8 additions and 4 deletions

View File

@@ -463,6 +463,10 @@ a.propButton img {
vertical-align: top;
}
#torrentsFilterToolbar.invisible {
display: none;
}
#torrentsFilterInput {
background-color: var(--color-background-default);
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("mainColumn").classList.add("invisible");
document.getElementById("torrentsFilterToolbar").classList.add("invisible");
MochaUI.Desktop.resizePanels();
MochaUI.Desktop.setDesktopSize();
};
const showSearchTab = (() => {
@@ -1342,7 +1342,7 @@ window.addEventListener("DOMContentLoaded", (event) => {
const hideSearchTab = () => {
document.getElementById("searchTabColumn").classList.add("invisible");
MochaUI.Desktop.resizePanels();
MochaUI.Desktop.setDesktopSize();
};
const showRssTab = (() => {
@@ -1380,7 +1380,7 @@ window.addEventListener("DOMContentLoaded", (event) => {
const hideRssTab = () => {
document.getElementById("rssTabColumn").classList.add("invisible");
window.qBittorrent.Rss && window.qBittorrent.Rss.unload();
MochaUI.Desktop.resizePanels();
MochaUI.Desktop.setDesktopSize();
};
const showLogTab = (() => {
@@ -1417,7 +1417,7 @@ window.addEventListener("DOMContentLoaded", (event) => {
const hideLogTab = () => {
document.getElementById("logTabColumn").classList.add("invisible");
MochaUI.Desktop.resizePanels();
MochaUI.Desktop.setDesktopSize();
window.qBittorrent.Log && window.qBittorrent.Log.unload();
};