From 8cf0821acee9d2ddf2cee6d0fdf560ba80845406 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Sun, 22 May 2022 11:24:09 +0900 Subject: [PATCH 1/2] Set spacing declarations to elements in mx_EventTile_mediaLine with more general way Signed-off-by: Suguru Hirahara --- res/css/views/rooms/_EventTile.scss | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss index 60f66339b23..72da390f0bd 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -935,11 +935,18 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss } } - .mx_MFileBody, - .mx_MImageBody { - display: block; // Apply margin to span element - margin-inline-start: var(--ThreadView_group_spacing-start); - margin-inline-end: var(--ThreadView_group_spacing-end); + .mx_EventTile_mediaLine { + // such as MImageBody + > div, + // such as MAudioBody and MFileBody + > span { + margin-inline-start: var(--ThreadView_group_spacing-start); + margin-inline-end: var(--ThreadView_group_spacing-end); + } + + > span { + display: block; // Apply the margin declarations to span element + } } .mx_ReplyChain_wrapper { From 89456f74c1e152fc304d4730b666c7225b312a4f Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Sun, 22 May 2022 11:56:08 +0900 Subject: [PATCH 2/2] Fix stylelint error Signed-off-by: Suguru Hirahara --- res/css/views/rooms/_EventTile.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss index 72da390f0bd..7345ea2f6cf 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -938,12 +938,12 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss .mx_EventTile_mediaLine { // such as MImageBody > div, - // such as MAudioBody and MFileBody > span { margin-inline-start: var(--ThreadView_group_spacing-start); margin-inline-end: var(--ThreadView_group_spacing-end); } + // such as MAudioBody and MFileBody > span { display: block; // Apply the margin declarations to span element }