From 529845d8fc770e2a11a46727b8a712fe6af5f5ad Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Tue, 16 Oct 2018 14:55:35 +0200
Subject: [PATCH] group collapsed styles

---
 res/css/structures/_RoomSubList.scss | 79 +++++++++++++---------------
 1 file changed, 37 insertions(+), 42 deletions(-)

diff --git a/res/css/structures/_RoomSubList.scss b/res/css/structures/_RoomSubList.scss
index 961fd03d21..2ddf383fde 100644
--- a/res/css/structures/_RoomSubList.scss
+++ b/res/css/structures/_RoomSubList.scss
@@ -55,15 +55,6 @@ limitations under the License.
     /* pointer-events: none; */
 }
 
-.collapsed .mx_RoomSubList_label {
-    height: 17px;
-    width: 28px; /* collapsed LHS Panel width */
-}
-
-.collapsed .mx_RoomSubList_labelContainer {
-    width: 28px; /* collapsed LHS Panel width */
-}
-
 .mx_RoomSubList_roomCount {
     display: inline-block;
     font-size: 12px;
@@ -73,10 +64,6 @@ limitations under the License.
     text-transform: none;
 }
 
-.collapsed .mx_RoomSubList_roomCount {
-    display: none;
-}
-
 .mx_RoomSubList_badge {
     display: inline-block;
     min-width: 15px;
@@ -99,12 +86,6 @@ limitations under the License.
     filter: brightness($focus-brightness);
 }
 
-/*
-.collapsed .mx_RoomSubList_badge {
-    display: none;
-}
-*/
-
 .mx_RoomSubList_badgeHighlight {
     background-color: $warning-color;
 }
@@ -121,11 +102,6 @@ limitations under the License.
     border-right: 7px solid transparent;
 }
 
-/* Hide the bottom of speech bubble */
-.collapsed .mx_RoomSubList_badgeHighlight:after {
-    display: none;
-}
-
 .mx_RoomSubList_chevron {
     left: 0px;
     pointer-events: none;
@@ -163,10 +139,6 @@ limitations under the License.
     background-color: $secondary-accent-color;
 }
 
-.collapsed .mx_RoomSubList_ellipsis {
-    height: 20px;
-}
-
 .mx_RoomSubList_line {
     display: inline-block;
     width: 159px;
@@ -174,10 +146,6 @@ limitations under the License.
     vertical-align: middle;
 }
 
-.collapsed .mx_RoomSubList_line {
-    display: none;
-}
-
 .mx_RoomSubList_more {
     display: inline-block;
     text-transform: uppercase;
@@ -191,10 +159,6 @@ limitations under the License.
     vertical-align: middle;
 }
 
-.collapsed .mx_RoomSubList_more {
-    display: none;
-}
-
 .mx_RoomSubList_moreBadge {
     display: inline-block;
     min-width: 15px;
@@ -231,12 +195,6 @@ limitations under the License.
     padding-right: 4px;
 }
 
-.collapsed .mx_RoomSubList_moreBadge {
-    position: static;
-    margin-left: 16px;
-    margin-top: 2px;
-}
-
 .mx_RoomSubList_ellipsis .mx_RoomSubList_chevronDown {
     position: relative;
     top: 4px;
@@ -244,3 +202,40 @@ limitations under the License.
 }
 
 
+.collapsed {
+    .mx_RoomSubList_label {
+        height: 17px;
+        width: 28px; /* collapsed LHS Panel width */
+    }
+
+    .mx_RoomSubList_labelContainer {
+        width: 28px; /* collapsed LHS Panel width */
+    }
+
+    .mx_RoomSubList_roomCount {
+        display: none;
+    }
+
+    /* Hide the bottom of speech bubble */
+    .mx_RoomSubList_badgeHighlight:after {
+        display: none;
+    }
+
+    .mx_RoomSubList_line {
+        display: none;
+    }
+
+    .mx_RoomSubList_moreBadge {
+        position: static;
+        margin-left: 16px;
+        margin-top: 2px;
+    }
+
+    .mx_RoomSubList_ellipsis {
+        height: 20px;
+    }
+
+    .mx_RoomSubList_more {
+        display: none;
+    }
+}