matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-22 04:02:40 +03:00
Code 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
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>
); );
}, },
}); });