Show timestamp when you hover over a message

This commit is contained in:
Erik Johnston 2015-07-22 17:34:10 +01:00
parent fbb6775523
commit c726257e9b
2 changed files with 15 additions and 3 deletions

View File

@ -26,7 +26,7 @@ limitations under the License.
padding-right: 12px;
margin-left: -64px;
margin-top: -7px;
float: left;
float: left;
}
.mx_MessageTile_avatar img {
@ -78,3 +78,15 @@ limitations under the License.
.mx_MessageTile_msgOption {
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_highlight: this.shouldHighlight(),
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;
if (!this.props.continuation) {
avatar = (
@ -84,4 +85,3 @@ module.exports = React.createClass({
);
},
});