From 2263918bb0db2245df2196391d6780bd47522dbd Mon Sep 17 00:00:00 2001
From: Thomas Piccirello <thomas@piccirello.com>
Date: Tue, 24 Jun 2025 15:54:22 -0700
Subject: [PATCH] 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.
---
 src/webui/www/private/css/style.css     | 4 ++++
 src/webui/www/private/scripts/client.js | 8 ++++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/webui/www/private/css/style.css b/src/webui/www/private/css/style.css
index 3540cae2d..82bc99f71 100644
--- a/src/webui/www/private/css/style.css
+++ b/src/webui/www/private/css/style.css
@@ -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");
diff --git a/src/webui/www/private/scripts/client.js b/src/webui/www/private/scripts/client.js
index 01f29e25f..805d91914 100644
--- a/src/webui/www/private/scripts/client.js
+++ b/src/webui/www/private/scripts/client.js
@@ -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();
     };