diff --git a/web/styles/left_sidebar.css b/web/styles/left_sidebar.css index 76be7899d7..c520eda606 100644 --- a/web/styles/left_sidebar.css +++ b/web/styles/left_sidebar.css @@ -423,7 +423,10 @@ } .stream-list-section-container:not(.showing-inactive-or-muted) { - .inactive-or-muted-in-channel-folder { + .inactive-or-muted-in-channel-folder:not( + .active-filter, + :has(.active-sub-filter) + ) { display: none; } @@ -453,6 +456,24 @@ } } +/* Sections with inactive/muted channels have a button to toggle + showing them. If there's only one inactive/muted channel, and + it's currently highlighted (.stream-expanded), then we want to + always show it, which means there aren't any inactive/muted + channels left to toggle visibility for. So we should hide the + toggle button. + + (Checking for any .inactive-or-muted-in-channel-folder without + .stream-expanded in a .stream-list-section-container, and if none + then hide .stream-list-toggle-inactive-or-muted-channels). */ +.stream-list-section-container:not( + :has(.inactive-or-muted-in-channel-folder:not(.stream-expanded)) + ) { + .stream-list-toggle-inactive-or-muted-channels { + display: none; + } +} + .show-inactive-or-muted-channels, .hide-inactive-or-muted-channels { display: grid;