element-web/res/css/views/messages/_MessageTimestamp.pcss

/*
Copyright 2024 New Vector Ltd.
Copyright 2015, 2016 OpenMarket Ltd

SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/

:root {
    --MessageTimestamp-width: 46px; /* 8 + 30 (avatar) + 8 */
    --MessageTimestamp-max-width: 80px;
    --MessageTimestamp-color: $event-timestamp-color;
}

.mx_MessageTimestamp {
    color: var(--MessageTimestamp-color);
    font-size: $font-10px;
    font-variant-numeric: tabular-nums;
    display: block; /* enable the width setting below */
    width: var(--MessageTimestamp-width);
    white-space: nowrap;
    user-select: none;
}

.mx_MessageTimestamp_lateIcon {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    color: inherit;
}