Fix filter field overflowing at some sizes/zooms

TODO.md

@@ -45,20 +45,22 @@
 
 - Room Sidepane save/load size & keybinds
 
-## Bug fixes
+## Issues
 
-- invisible image
+- invisible uploaded mxc images?
 - first undecryptable message
-- two upload delegates height bug
-- Leave box button focus
-- Pause upload, switch to other room, then come back, wrong state displayed
 - Adding an account with no rooms
 - Join button 502
 - Retry the initial profile retrieval if it fails (due to e.g. dead server)
+- Leave box button focus
 
+- two upload delegates height bug
 - Messed up message delegates position
-- Pausing uploads doesn't work well, servers end up dropping the connection 
 - Quickly posting with another account leads to sync stop
+
+- Pausing uploads doesn't work well, servers end up dropping the connection 
+- Pause upload, switch to other room, then come back, wrong state displayed
+
 - `code` not colored in room subtitle
 - In the "Leave me" room, "join > Hi > left" aren't combined
 - Event delegates changing height don't scroll the list

src/qml/Chat/RoomPane/MemberView.qml

@@ -53,7 +53,7 @@ HColumnLayout {
             placeholderText: qsTr("Filter members")
             backgroundColor: theme.chat.roomPane.filterMembers.background
             bordered: false
-            opacity: width >= 16 ? 1 : 0
+            opacity: width >= 16 * theme.uiScale ? 1 : 0
 
             onTextChanged: filterLimiter.restart()
 

src/qml/MainPane/MainPaneToolBar.qml

@@ -4,6 +4,8 @@ import "../Base"
 
 HRowLayout {
     id: toolBar
+    // Hide filter field overflowing for a sec on size changes
+    clip: true
 
     property AccountRoomList mainPaneList
     readonly property alias addAccountButton: addAccountButton
@@ -27,6 +29,7 @@ HRowLayout {
         placeholderText: qsTr("Filter rooms")
         backgroundColor: theme.mainPane.filterRooms.background
         bordered: false
+        opacity: width >= 16 * theme.uiScale ? 1 : 0
 
         Layout.fillWidth: true
         Layout.fillHeight: true
@@ -49,5 +52,7 @@ HRowLayout {
             if (window.settings.clearRoomFilterOnEscape) text = ""
             mainUI.pageLoader.forceActiveFocus()
         }
+
+        Behavior on opacity { HOpacityAnimator {} }
     }
 }