make padding and DOM more like event tile

pull/21833/head
Bruno Windels 2018-11-13 09:15:43 +01:00
parent 8ddd2dd078
commit ffc73c59b4
2 changed files with 4 additions and 4 deletions

View File

@ -16,7 +16,7 @@ limitations under the License.
.mx_WhoIsTypingTile {
margin-left: -18px; //offset padding from mx_RoomView_MessageList to center avatars
height: 40px;
padding-top: 18px;
display: flex;
align-items: center;
}
@ -79,6 +79,6 @@ limitations under the License.
.mx_MatrixChat_useCompactLayout {
.mx_WhoIsTypingTile {
height: 35px;
padding-top: 4px;
}
}

View File

@ -118,14 +118,14 @@ module.exports = React.createClass({
const EmojiText = sdk.getComponent('elements.EmojiText');
return (
<div className="mx_WhoIsTypingTile">
<li className="mx_WhoIsTypingTile">
<div className="mx_WhoIsTypingTile_avatars">
{ this._renderTypingIndicatorAvatars(this.props.whoIsTypingLimit) }
</div>
<div className="mx_WhoIsTypingTile_label">
<EmojiText>{ typingString }</EmojiText>
</div>
</div>
</li>
);
},
});