gaja-group
/
element-web
forked from matrix/element-web
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/structures/RoomSubList.js
View File

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

26
src/skins/vector/css/vector-web/structures/RoomSubList.css
View File

@ -46,6 +46,32 @@ limitations under the License.
padding-left: 5px; 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 { .mx_RoomSubList_chevron {
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;