From 171f5adff636c39562da284d19483cf707384fcb Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Thu, 30 Jun 2022 08:59:11 +0000 Subject: [PATCH] Move mx_MessageTimestamp out of mx_EventTile:not([data-layout=bubble]) on TimelineCard (#8937) Signed-off-by: Suguru Hirahara --- res/css/views/right_panel/_TimelineCard.scss | 20 +++++++++++--------- 1 file changed, 11 insertions(+), 9 deletions(-) diff --git a/res/css/views/right_panel/_TimelineCard.scss b/res/css/views/right_panel/_TimelineCard.scss index 422bb9a4e8..a277b9ce6f 100644 --- a/res/css/views/right_panel/_TimelineCard.scss +++ b/res/css/views/right_panel/_TimelineCard.scss @@ -51,7 +51,6 @@ limitations under the License. } .mx_EventTile_avatar { - position: absolute; // for IRC layout inset-inline-start: -3px; } @@ -74,6 +73,10 @@ limitations under the License. max-width: unset; } + .mx_MessageTimestamp { + inset-inline: auto 0; + } + .mx_ReactionsRow { margin-inline-end: $spacing-8; // See: var(--ThreadView_group_spacing-end) for ReactionsRow on _EventTile.scss } @@ -84,6 +87,13 @@ limitations under the License. } } + &[data-layout=irc] { + .mx_EventTile_avatar, + .mx_MessageTimestamp { + position: absolute; + } + } + &[data-layout=bubble] { &::before { z-index: auto; // enable background color on hover @@ -97,14 +107,6 @@ limitations under the License. position: relative; // display on hover } } - - &:not([data-layout="bubble"]) { - .mx_MessageTimestamp { - position: absolute; // for modern layout and IRC layout - inset-inline-start: auto; - inset-inline-end: 0; - } - } } .mx_EventTile,