Initial tag section header badge

This commit is contained in:
wmwragg 2016-08-22 17:25:43 +01:00
parent ff55a951c9
commit 4d5e3bc22b
2 changed files with 27 additions and 0 deletions

View File

@ -339,6 +339,7 @@ var RoomSubList = React.createClass({
{ this.props.collapsed ? '' : this.props.label }
<div className="mx_RoomSubList_roomCount">{this.props.list.length > 0 ? this.props.list.length : ''}</div>
<div className={chevronClasses}></div>
<div className="mx_RoomSubList_badge">0</div>
</div>
);
},

View File

@ -46,6 +46,32 @@ limitations under the License.
padding-left: 5px;
}
.collapsed .mx_RoomSubList_roomCount {
display: none;
}
.mx_RoomSubList_badge {
display: inline-block;
min-width: 15px;
height: 15px;
position: absolute;
right: 8px; /*gutter */
top: 7px;
border-radius: 8px;
color: #fff;
font-weight: 600;
font-size: 10px;
text-align: center;
padding-top: 1px;
padding-left: 4px;
padding-right: 4px;
background-color: #76cfa6; /* Temporary */
}
.collapsed .mx_RoomSubList_badge {
display: none;
}
.mx_RoomSubList_chevron {
pointer-events: none;
position: absolute;