PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Align message timestamp centrally about the avatar mid-point

Browse source 
Tested visually against any unintended changes to the alignment of e2e icons, with timestamps on 12h and 24h mode.
This commit is contained in:
Luke Barnard 2017-06-07 10:19:58 +01:00
parent 13c780c7c5
commit 784e52f249
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/views/messages/MessageTimestamp.js
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',

10
src/skins/vector/css/matrix-react-sdk/views/rooms/_EventTile.scss
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;
}
/*