mad-star-studio/element-web
2
0
Fork 0
Code Pull requests Activity

improve badges and room tile layout

Browse source
This commit is contained in:
Matthew Hodgson 2015-07-16 22:39:38 +01:00
parent 28dcfb2f12
commit a2ca5f2847
2 changed files with 22 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
skins/base/views/molecules/RoomTile.js
View file

@ -43,10 +43,17 @@ module.exports = React.createClass({
else if (this.props.unread) {
badge = <div className="mx_RoomTile_badge">1</div>;
}
var nameCell;
if (badge) {
nameCell = <div className="mx_RoomTile_nameBadge"><div className="mx_RoomTile_name">{name}</div><div className="mx_RoomTile_badgeCell">{badge}</div></div>;
}
else {
nameCell = <div className="mx_RoomTile_name">{name}</div>;
}
return (
<div className={classes} onClick={this.onClick}>
<div className="mx_RoomTile_avatar"><img src={ MatrixClientPeg.get().getAvatarUrlForRoom(this.props.room, 40, 40, "crop") } width="40" height="40"/></div>
<div className="mx_RoomTile_name">{name}{ badge }</div>
{ nameCell }
</div>
);
}