From ff55a951c9f415a88b0862d80f88d91c8e57ddea Mon Sep 17 00:00:00 2001
From: wmwragg <wm.wragg@gmail.com>
Date: Mon, 22 Aug 2016 17:02:52 +0100
Subject: [PATCH] Number of rooms added to header of sections

---
 src/components/structures/RoomSubList.js                  | 5 +++--
 .../vector/css/vector-web/structures/RoomSubList.css      | 8 ++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/structures/RoomSubList.js b/src/components/structures/RoomSubList.js
index 50db2b412..a96e8d285 100644
--- a/src/components/structures/RoomSubList.js
+++ b/src/components/structures/RoomSubList.js
@@ -328,7 +328,7 @@ var RoomSubList = React.createClass({
 
     _getHeaderJsx: function() {
         var TintableSvg = sdk.getComponent("elements.TintableSvg");
-        var classes = classNames({
+        var chevronClasses = classNames({
             'mx_RoomSubList_chevron': true,
             'mx_RoomSubList_chevronUp': this.state.hidden,
             'mx_RoomSubList_chevronRight': !this.state.hidden && this.state.capTruncate,
@@ -337,7 +337,8 @@ var RoomSubList = React.createClass({
         return (
             <div onClick={ this.onClick } className="mx_RoomSubList_label">
                 { this.props.collapsed ? '' : this.props.label }
-                <div className={classes}></div>
+                <div className="mx_RoomSubList_roomCount">{this.props.list.length > 0 ? this.props.list.length : ''}</div>
+                <div className={chevronClasses}></div>
             </div>
         );
     },
diff --git a/src/skins/vector/css/vector-web/structures/RoomSubList.css b/src/skins/vector/css/vector-web/structures/RoomSubList.css
index cd232181c..b1e89cb88 100644
--- a/src/skins/vector/css/vector-web/structures/RoomSubList.css
+++ b/src/skins/vector/css/vector-web/structures/RoomSubList.css
@@ -38,6 +38,14 @@ limitations under the License.
     height: 16px;
 }
 
+.mx_RoomSubList_roomCount {
+    display: inline-block;
+    font-size: 12px;
+    font-weight: normal;
+    color: #76cfa6;
+    padding-left: 5px;
+}
+
 .mx_RoomSubList_chevron {
     pointer-events: none;
     position: absolute;