mirror of https://github.com/vector-im/riot-web
make padding and DOM more like event tile
parent
8ddd2dd078
commit
ffc73c59b4
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
},
|
||||
});
|
||||
|
|
Loading…
Reference in New Issue