diff --git a/skins/base/css/molecules/MessageTile.css b/skins/base/css/molecules/MessageTile.css index ed39eb58d2..244c8b7367 100644 --- a/skins/base/css/molecules/MessageTile.css +++ b/skins/base/css/molecules/MessageTile.css @@ -29,6 +29,16 @@ limitations under the License. float: left; } +.mx_MessageTile_continuation { + margin-top: 8px ! important; +} + +.mx_MessageTile_continuation .mx_MessageTile_avatar, +.mx_MessageTile_continuation .mx_SenderProfile +{ + display: none ! important; +} + .mx_MessageTile .mx_SenderProfile { color: #acacac; font-size: 13px; @@ -43,6 +53,8 @@ limitations under the License. } .mx_MessageTile_content { + padding-right: 100px; + display: block; } .mx_MessageTile_sending { diff --git a/skins/base/views/molecules/MessageTile.js b/skins/base/views/molecules/MessageTile.js index 82bc0c7c42..c6d8b62be7 100644 --- a/skins/base/views/molecules/MessageTile.js +++ b/skins/base/views/molecules/MessageTile.js @@ -52,7 +52,8 @@ module.exports = React.createClass({ mx_MessageTile: true, mx_MessageTile_sending: this.props.mxEvent.status == 'sending', mx_MessageTile_notSent: this.props.mxEvent.status == 'not_sent', - mx_MessageTile_highlight: this.shouldHighlight() + mx_MessageTile_highlight: this.shouldHighlight(), + mx_MessageTile_continuation: this.props.continuation, }); return (