fix CSS namespacing

This commit is contained in:
Matthew Hodgson 2015-07-12 14:52:37 +01:00
parent c4b2530cc0
commit a1ab40064e
2 changed files with 7 additions and 7 deletions

View File

@ -18,18 +18,18 @@ limitations under the License.
display: table-row; display: table-row;
} }
.mx_MessageTile .mx_messageTileType { .mx_MessageTile_content {
display: table-cell; display: table-cell;
} }
.mx_MessageTile.sending { .mx_MessageTile_sending {
color: #ddd; color: #ddd;
} }
.mx_MessageTile.not_sent { .mx_MessageTile_notSent {
color: #f11; color: #f11;
} }
.mx_MessageTile.highlight { .mx_MessageTile_highlight {
color: #00f; color: #00f;
} }

View File

@ -50,9 +50,9 @@ module.exports = React.createClass({
} }
var classes = classNames({ var classes = classNames({
mx_MessageTile: true, mx_MessageTile: true,
sending: this.props.mxEvent.status == 'sending', mx_MessageTile_sending: this.props.mxEvent.status == 'sending',
not_sent: this.props.mxEvent.status == 'not_sent', mx_MessageTile_notSent: this.props.mxEvent.status == 'not_sent',
highlight: this.shouldHighlight() mx_MessageTile_highlight: this.shouldHighlight()
}); });
return ( return (
<div className={classes}> <div className={classes}>