From c12dbce801b6da8ae950bf740c2ba9a3cabedd5c Mon Sep 17 00:00:00 2001 From: Janne Mareike Koschinski Date: Mon, 9 Jan 2023 00:33:32 +0100 Subject: [PATCH 1/2] Fix misaligned timestamps for thread roots which are emotes --- res/css/views/rooms/_EventTile.pcss | 1 + 1 file changed, 1 insertion(+) diff --git a/res/css/views/rooms/_EventTile.pcss b/res/css/views/rooms/_EventTile.pcss index 1169f513887..91b9bcd0f0b 100644 --- a/res/css/views/rooms/_EventTile.pcss +++ b/res/css/views/rooms/_EventTile.pcss @@ -970,6 +970,7 @@ $left-gutter: 64px; font-size: $font-12px; max-width: var(--MessageTimestamp-max-width); position: initial; + margin-left: auto; /* to ensure it's end-aligned even if it's the only element of its parent */ } &:hover { From a5e7b2816c61418359fa9ca94b0ad39e3e05128f Mon Sep 17 00:00:00 2001 From: Janne Mareike Koschinski Date: Mon, 9 Jan 2023 15:54:48 +0100 Subject: [PATCH 2/2] Use cross-browser variant instead of webkit-only variant --- res/css/views/rooms/_EventTile.pcss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/res/css/views/rooms/_EventTile.pcss b/res/css/views/rooms/_EventTile.pcss index 91b9bcd0f0b..c7e857fc9cb 100644 --- a/res/css/views/rooms/_EventTile.pcss +++ b/res/css/views/rooms/_EventTile.pcss @@ -1298,7 +1298,7 @@ $left-gutter: 64px; .mx_EventTile_details { display: flex; - width: -webkit-fill-available; + width: fill-available; align-items: center; justify-content: space-between; gap: $spacing-8;