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;