OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

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
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 { .mx_WhoIsTypingTile {
margin-left: -18px; //offset padding from mx_RoomView_MessageList to center avatars margin-left: -18px; //offset padding from mx_RoomView_MessageList to center avatars
height: 40px; padding-top: 18px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -79,6 +79,6 @@ limitations under the License.
.mx_MatrixChat_useCompactLayout { .mx_MatrixChat_useCompactLayout {
.mx_WhoIsTypingTile { .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'); const EmojiText = sdk.getComponent('elements.EmojiText');
return ( return (
<div className="mx_WhoIsTypingTile"> <li className="mx_WhoIsTypingTile">
<div className="mx_WhoIsTypingTile_avatars"> <div className="mx_WhoIsTypingTile_avatars">
{ this._renderTypingIndicatorAvatars(this.props.whoIsTypingLimit) } { this._renderTypingIndicatorAvatars(this.props.whoIsTypingLimit) }
</div> </div>
<div className="mx_WhoIsTypingTile_label"> <div className="mx_WhoIsTypingTile_label">
<EmojiText>{ typingString }</EmojiText> <EmojiText>{ typingString }</EmojiText>
</div> </div>
</div> </li>
); );
}, },
}); });