diff --git a/src/components/structures/RoomSubList.js b/src/components/structures/RoomSubList.js
index 50db2b4122..a96e8d2857 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 (
{ this.props.collapsed ? '' : this.props.label }
-
+
{this.props.list.length > 0 ? this.props.list.length : ''}
+
);
},
diff --git a/src/skins/vector/css/vector-web/structures/RoomSubList.css b/src/skins/vector/css/vector-web/structures/RoomSubList.css
index cd232181c8..b1e89cb887 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;