diff --git a/res/css/structures/_FilePanel.scss b/res/css/structures/_FilePanel.scss index 3119162e268..cb791ebfcbc 100644 --- a/res/css/structures/_FilePanel.scss +++ b/res/css/structures/_FilePanel.scss @@ -96,7 +96,7 @@ limitations under the License. .mx_MessageTimestamp { flex: 1 0 0; - text-align: right; // FIXME: .mx_EventTile:not([data-layout=bubble]) .mx_MessageTimestamp + text-align: right; visibility: visible; position: initial; font-size: $font-14px; diff --git a/res/css/views/dialogs/_MessageEditHistoryDialog.scss b/res/css/views/dialogs/_MessageEditHistoryDialog.scss index db9c33bba07..cee4888a610 100644 --- a/res/css/views/dialogs/_MessageEditHistoryDialog.scss +++ b/res/css/views/dialogs/_MessageEditHistoryDialog.scss @@ -51,11 +51,14 @@ limitations under the License. text-decoration: underline; } + // Emulate mx_EventTile[data-layout=group] .mx_EventTile { padding-top: 0 !important; // Override mx_EventTile:not([data-layout=bubble]) .mx_MessageTimestamp { position: absolute; + left: 0; + text-align: center; } .mx_EventTile_line { diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss index c7e5f220840..b308f49d8a0 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -197,16 +197,18 @@ $left-gutter: 64px; } } + &[data-layout=irc] { + .mx_MessageTimestamp { + text-align: right; + } + } + &[data-layout=group] { .mx_EventTile_avatar { top: 14px; left: $spacing-8; } - .mx_MessageTimestamp { - position: absolute; // for modern layout - } - .mx_EventTile_line, .mx_EventTile_reply { padding-top: var(--EventTile_group_line-spacing-block-start); @@ -223,6 +225,12 @@ $left-gutter: 64px; margin-right: 10px; } + .mx_MessageTimestamp { + position: absolute; + left: 0; + text-align: center; + } + .mx_ThreadSummary, .mx_ThreadSummary_icon { margin-left: $left-gutter; @@ -289,11 +297,6 @@ $left-gutter: 64px; } } - .mx_MessageTimestamp { - left: 0px; - text-align: center; - } - /* this is used for the tile for the event which is selected via the URL. * TODO: ultimately we probably want some transition on here. */ @@ -926,11 +929,14 @@ $left-gutter: 64px; } } - &:not([data-layout=bubble]) { + &[data-layout=irc], + &[data-layout=group] { .mx_MessageTimestamp { top: 2px; // Align with avatar } + } + &:not([data-layout=bubble]) { .mx_EventTile_avatar { left: calc($MessageTimestamp_width + 14px - 4px); // 14px: avatar width, 4px: align with text z-index: 9; // position above the hover styling @@ -1036,11 +1042,6 @@ $left-gutter: 64px; } } - .mx_MessageTimestamp { - top: 2px; // Align with mx_EventTile_content - position: absolute; // for IRC layout - } - .mx_EventTile_senderDetails { display: flex; align-items: center; @@ -1060,6 +1061,11 @@ $left-gutter: 64px; } } } + + .mx_MessageTimestamp { + position: absolute; // for IRC layout + top: 2px; // Align with mx_EventTile_content + } } } diff --git a/res/css/views/rooms/_IRCLayout.scss b/res/css/views/rooms/_IRCLayout.scss index dd4df6e296c..dce81dc8adc 100644 --- a/res/css/views/rooms/_IRCLayout.scss +++ b/res/css/views/rooms/_IRCLayout.scss @@ -115,10 +115,6 @@ $irc-line-height: $font-18px; } } - .mx_MessageTimestamp { - text-align: right; - } - .mx_EventTile_e2eIcon { padding: 0;