Merge pull request #4880 from matrix-org/travis/room-list/fix-elongation

Don't include empty badge container in minimized view
pull/21833/head
Travis Ralston 2020-07-02 14:38:56 -06:00 committed by GitHub
commit 420f3fdbc9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 8 deletions

View File

@ -369,11 +369,15 @@ export default class RoomTile2 extends React.Component<IProps, IState> {
let badge: React.ReactNode; let badge: React.ReactNode;
if (!this.props.isMinimized) { if (!this.props.isMinimized) {
badge = <NotificationBadge badge = (
notification={this.state.notificationState} <div className="mx_RoomTile2_badgeContainer">
forceCount={false} <NotificationBadge
roomId={this.props.room.roomId} notification={this.state.notificationState}
/>; forceCount={false}
roomId={this.props.room.roomId}
/>
</div>
);
} }
// TODO: the original RoomTile uses state for the room name. Do we need to? // TODO: the original RoomTile uses state for the room name. Do we need to?
@ -429,9 +433,7 @@ export default class RoomTile2 extends React.Component<IProps, IState> {
> >
{roomAvatar} {roomAvatar}
{nameContainer} {nameContainer}
<div className="mx_RoomTile2_badgeContainer"> {badge}
{badge}
</div>
{this.renderNotificationsMenu()} {this.renderNotificationsMenu()}
{this.renderGeneralMenu()} {this.renderGeneralMenu()}
</AccessibleButton> </AccessibleButton>