Merge pull request #4219 from vector-im/luke/css-fix-timestamp-align

Align message timestamp centrally about the avatar mid-point
This commit is contained in:
David Baker 2017-06-07 11:37:26 +01:00 committed by GitHub
commit 80d912bb2c
2 changed files with 7 additions and 7 deletions

View file

@ -16,8 +16,8 @@ limitations under the License.
'use strict';
const React = require('react');
const DateUtils = require('matrix-react-sdk/lib/DateUtils');
import React from 'react';
import DateUtils from 'matrix-react-sdk/lib/DateUtils';
module.exports = React.createClass({
displayName: 'MessageTimestamp',

View file

@ -63,7 +63,9 @@ limitations under the License.
white-space: nowrap;
color: $event-timestamp-color;
font-size: 10px;
left: 8px;
left: 0px;
width: 46px; /* 8 + 30 (avatar) + 8 */
text-align: center;
position: absolute;
}
@ -189,6 +191,7 @@ limitations under the License.
.mx_EventTile_selected .mx_MessageTimestamp {
left: 3px;
width: auto;
}
.mx_EventTile_editButton {
@ -271,10 +274,6 @@ limitations under the License.
padding-left: 5px;
}
.mx_EventTile_12hr .mx_MessageTimestamp {
text-align: center;
}
.mx_EventTile:hover.mx_EventTile_verified .mx_EventTile_line,
.mx_EventTile:hover.mx_EventTile_unverified .mx_EventTile_line {
padding-left: 60px;
@ -296,6 +295,7 @@ limitations under the License.
.mx_EventTile:hover.mx_EventTile_verified .mx_MessageTimestamp,
.mx_EventTile:hover.mx_EventTile_unverified .mx_MessageTimestamp {
left: 3px;
width: auto;
}
/*