Change highlighting around the room list filter

2020-08-17 16:59:29 +01:00
parent b9f22aa569
commit a4d11cc190
7 changed files with 31 additions and 11 deletions
@@ -97,16 +97,18 @@ $tagPanelWidth: 56px; // only applies in this file, used for calculations
            display: flex;
            align-items: center;

-            .mx_RoomSearch_expanded + .mx_LeftPanel_exploreButton {
-                // Cheaty way to return the occupied space to the filter input
-                flex-basis: 0;
-                margin: 0;
-                width: 0;
+            .mx_RoomSearch_focused, .mx_RoomSearch_hasQuery {
+                & + .mx_LeftPanel_exploreButton {
+                    // Cheaty way to return the occupied space to the filter input
+                    flex-basis: 0;
+                    margin: 0;
+                    width: 0;

-                // Don't forget to hide the masked ::before icon,
-                // using display:none or visibility:hidden would break accessibility
-                &::before {
-                    content: none;
+                    // Don't forget to hide the masked ::before icon,
+                    // using display:none or visibility:hidden would break accessibility
+                    &::before {
+                        content: none;
+                    }
                }
            }