Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-16 13:14:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

make padding and DOM more like event tile

Browse Source
This commit is contained in:
Bruno Windels 2018-11-13 09:15:43 +01:00
parent 8ddd2dd078
commit ffc73c59b4
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
res/css/views/rooms/_WhoIsTypingTile.scss
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;
}
}

4
src/components/views/rooms/WhoIsTypingTile.js
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>
);
},
});