diff --git a/skins/base/css/molecules/MessageTile.css b/skins/base/css/molecules/MessageTile.css index 3e484079ed..09a995e690 100644 --- a/skins/base/css/molecules/MessageTile.css +++ b/skins/base/css/molecules/MessageTile.css @@ -24,3 +24,7 @@ limitations under the License. .mx_MessageTile.not_sent { color: #f11; } + +.mx_MessageTile.highlight { + color: #00f; +} diff --git a/skins/base/views/molecules/MessageTile.js b/skins/base/views/molecules/MessageTile.js index 80bbc5fd07..95f4a9ac44 100644 --- a/skins/base/views/molecules/MessageTile.js +++ b/skins/base/views/molecules/MessageTile.js @@ -49,7 +49,8 @@ module.exports = React.createClass({ var classes = classNames({ mx_MessageTile: true, sending: this.props.mxEvent.status == 'sending', - not_sent: this.props.mxEvent.status == 'not_sent' + not_sent: this.props.mxEvent.status == 'not_sent', + highlight: this.shouldHighlight() }); return (