From 4c5fa6294f3b96320a01d19e2b69b3fe57d31a95 Mon Sep 17 00:00:00 2001 From: "J. Ryan Stinnett" Date: Mon, 28 Feb 2022 10:38:27 +0000 Subject: [PATCH] [Release] Tweak info message padding in right panel timeline (#7909) * Tweak info message padding in right panel timeline * Use class name --- res/css/views/right_panel/_TimelineCard.scss | 3 ++- res/css/views/rooms/_EventTile.scss | 9 ++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/res/css/views/right_panel/_TimelineCard.scss b/res/css/views/right_panel/_TimelineCard.scss index 5acdc1a8e9..a2431dec01 100644 --- a/res/css/views/right_panel/_TimelineCard.scss +++ b/res/css/views/right_panel/_TimelineCard.scss @@ -84,7 +84,8 @@ limitations under the License. margin-right: 2px; } - .mx_EventListSummary:not([data-layout=bubble]) .mx_EventTile_line { + .mx_GenericEventListSummary:not([data-layout=bubble]) .mx_EventTile_line, + .mx_GenericEventListSummary:not([data-layout=bubble]) > .mx_GenericEventListSummary_unstyledList > .mx_EventTile_info .mx_EventTile_avatar ~ .mx_EventTile_line { padding-left: 36px; } diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss index 9c2713db31..143b37c379 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -280,14 +280,13 @@ $left-gutter: 64px; } } -.mx_EventTile:not([data-layout=bubble]).mx_EventTile_info .mx_EventTile_line, -.mx_GenericEventListSummary:not([data-layout=bubble]) > ol > .mx_EventTile_info .mx_EventTile_avatar ~ .mx_EventTile_line { - padding-left: calc($left-gutter + 20px) !important; // override padding-left $left-gutter +.mx_GenericEventListSummary:not([data-layout=bubble]) .mx_EventTile_line { + padding-left: $left-gutter; } .mx_EventTile:not([data-layout=bubble]).mx_EventTile_info .mx_EventTile_line, -.mx_GenericEventListSummary:not([data-layout=bubble]) .mx_EventTile_line { - padding-left: $left-gutter; +.mx_GenericEventListSummary:not([data-layout=bubble]) > .mx_GenericEventListSummary_unstyledList > .mx_EventTile_info .mx_EventTile_avatar ~ .mx_EventTile_line { + padding-left: calc($left-gutter + 20px); // override padding-left $left-gutter } /* all the overflow-y: hidden; are to trap Zalgos -