mirror of https://github.com/vector-im/riot-web
fix CSS namespacing
parent
c4b2530cc0
commit
a1ab40064e
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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}>
|
||||||
|
|
Loading…
Reference in New Issue