fix(read-receipts): threadlist icon vert align and placeholder when missing

This commit is contained in:
Drew Regitsky 2016-02-24 13:02:18 -08:00
parent 4158e598e0
commit 29785c209e
2 changed files with 2 additions and 3 deletions

View file

@ -39,11 +39,10 @@ export default class OpenTrackingIcon extends React.Component {
} }
render() { render() {
if (!this.state.hasMetadata) { return false }
const title = this.state.opened ? "This message has been read at least once" : "This message has not been read"; const title = this.state.opened ? "This message has been read at least once" : "This message has not been read";
return ( return (
<div title={title} className="open-tracking-icon"> <div title={title} className="open-tracking-icon">
{this._renderImage()} {this.state.hasMetadata ? this._renderImage() : ""}
</div> </div>
); );
} }

View file

@ -3,7 +3,6 @@
.open-tracking-icon img.content-mask.unopened { .open-tracking-icon img.content-mask.unopened {
background-color: #6b777d; background-color: #6b777d;
vertical-align: text-bottom;
} }
.open-tracking-icon img.content-mask.opened { .open-tracking-icon img.content-mask.opened {
background-color: @text-color-link; background-color: @text-color-link;
@ -19,6 +18,7 @@
font-weight: bold; font-weight: bold;
} }
.open-tracking-icon { .open-tracking-icon {
width: 15px;
} }
.read-receipt-message-status { .read-receipt-message-status {