Merge pull request #2 from vector-im/timestamp_hover

Show timestamp when you hover over a message
This commit is contained in:
David Baker 2015-07-27 14:57:10 +01:00
commit 7ac852d1fe
2 changed files with 15 additions and 3 deletions

View File

@ -78,3 +78,15 @@ limitations under the License.
.mx_MessageTile_msgOption { .mx_MessageTile_msgOption {
float: right; float: right;
} }
.mx_MessageTimestamp {
display: none;
}
.mx_MessageTile_last .mx_MessageTimestamp {
display: block;
}
.mx_MessageTile:hover .mx_MessageTimestamp {
display: block;
}

View File

@ -57,8 +57,9 @@ module.exports = React.createClass({
mx_MessageTile_notSent: this.props.mxEvent.status == 'not_sent', 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, mx_MessageTile_continuation: this.props.continuation,
mx_MessageTile_last: this.props.last
}); });
var timestamp = this.props.last ? <MessageTimestamp ts={this.props.mxEvent.getTs()} /> : null; var timestamp = <MessageTimestamp ts={this.props.mxEvent.getTs()} />
var avatar, sender, resend; var avatar, sender, resend;
if (!this.props.continuation) { if (!this.props.continuation) {
avatar = ( avatar = (
@ -84,4 +85,3 @@ module.exports = React.createClass({
); );
}, },
}); });