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.
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

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