From 764b307e63ec835983aa23faa9b779c02a786933 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Mon, 23 May 2022 10:11:55 +0000 Subject: [PATCH] Edit properties and values of EventTile on ThreadView (#8638) * Edit properties and values of EventTile on ThreadView Signed-off-by: Suguru Hirahara * Remove obsolete order properties of EventTile on ThreadView These values are no longer required as the reactions row is displayed under the message by default. Signed-off-by: Suguru Hirahara --- res/css/views/rooms/_EventTile.scss | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss index 37e100e8dd..bce86edbdc 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -863,22 +863,23 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss flex-direction: column; .mx_EventTile_line { - padding-top: 2px; - padding-bottom: 2px; - padding-left: 0; - order: 10 !important; + padding-top: var(--BaseCard_EventTile_line-padding-block); + padding-bottom: var(--BaseCard_EventTile_line-padding-block); + } + + .mx_EventTile_line, + .mx_ReactionsRow { + padding-inline-start: 0; // Cancel inherited padding value for event message and reactions row + } + + .mx_ReactionsRow { + padding-inline-end: 0; } .mx_MessageTimestamp { font-size: $font-10px; } - .mx_ReactionsRow { - order: 999; - padding-left: 0; - padding-right: 0; - } - &:not([data-layout=bubble]) { padding-top: $spacing-16;