From 5ade8a6be93fbff00ed64306dc6ccd391a24e8bc Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Sun, 22 May 2022 20:07:58 +0900 Subject: [PATCH] Use the same variable for max-width to mx_EventTile_line, .mx_EventTile_mediaLine, and .mx_DisambiguatedProfile Signed-off-by: Suguru Hirahara --- res/css/views/rooms/_EventBubbleTile.scss | 6 +++--- res/css/views/rooms/_EventTile.scss | 5 +++-- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss index b28021c49eb..1343dadca38 100644 --- a/res/css/views/rooms/_EventBubbleTile.scss +++ b/res/css/views/rooms/_EventBubbleTile.scss @@ -112,9 +112,8 @@ limitations under the License. .mx_DisambiguatedProfile, .mx_EventTile_line { width: fit-content; - max-width: 70%; - // fixed line height to prevent emoji from being taller than text - line-height: $font-18px; + max-width: var(--EventBubbleTile_line-max-width); + line-height: $font-18px; // fixed line height to prevent emoji from being taller than text } // other users profile on bubble layout @@ -262,6 +261,7 @@ limitations under the License. .mx_EventTile_line { --EventBubbleTile_line-margin-inline-end: -12px; + --EventBubbleTile_line-max-width: 70%; position: relative; display: flex; diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss index 5db670c0f22..c4ef9c7455f 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -886,8 +886,9 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss margin-inline-end: var(--BaseCard_EventTile-spacing-horizontal); .mx_EventTile_line.mx_EventTile_mediaLine { - padding: 0; - max-width: 100%; + padding-block: 0; + padding-inline-start: 0; + max-width: var(--EventBubbleTile_line-max-width); .mx_MFileBody { width: 100%;