Tweak info message padding in right panel timeline (#7901)

jryans · web-flow · commit 182aedc3d41c · 2022-02-28T10:23:01.000Z
diff --git a/res/css/views/right_panel/_TimelineCard.scss b/res/css/views/right_panel/_TimelineCard.scss
@@ -90,7 +90,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
@@ -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 -

Original file line number	Diff line number	Diff line change
`@@ -90,7 +90,8 @@ limitations under the License.`
`90`	`90`	`margin-right: 2px;`
`91`	`91`	`}`
`92`	`92`
`93`		`- .mx_EventListSummary:not([data-layout=bubble]) .mx_EventTile_line {`
	`93`	`+ .mx_GenericEventListSummary:not([data-layout=bubble]) .mx_EventTile_line,`
	`94`	`+ .mx_GenericEventListSummary:not([data-layout=bubble]) > .mx_GenericEventListSummary_unstyledList > .mx_EventTile_info .mx_EventTile_avatar ~ .mx_EventTile_line {`
`94`	`95`	`padding-left: 36px;`
`95`	`96`	`}`
`96`	`97`
Original file line number	Diff line number	Diff line change
`@@ -280,14 +280,13 @@ $left-gutter: 64px;`
`280`	`280`	`}`
`281`	`281`	`}`
`282`	`282`
`283`		`-.mx_EventTile:not([data-layout=bubble]).mx_EventTile_info .mx_EventTile_line,`
`284`		`-.mx_GenericEventListSummary:not([data-layout=bubble]) > ol > .mx_EventTile_info .mx_EventTile_avatar ~ .mx_EventTile_line {`
`285`		`- padding-left: calc($left-gutter + 20px) !important; // override padding-left $left-gutter`
	`283`	`+.mx_GenericEventListSummary:not([data-layout=bubble]) .mx_EventTile_line {`
	`284`	`+ padding-left: $left-gutter;`
`286`	`285`	`}`
`287`	`286`
`288`	`287`	`.mx_EventTile:not([data-layout=bubble]).mx_EventTile_info .mx_EventTile_line,`
`289`		`-.mx_GenericEventListSummary:not([data-layout=bubble]) .mx_EventTile_line {`
`290`		`- padding-left: $left-gutter;`
	`288`	`+.mx_GenericEventListSummary:not([data-layout=bubble]) > .mx_GenericEventListSummary_unstyledList > .mx_EventTile_info .mx_EventTile_avatar ~ .mx_EventTile_line {`
	`289`	`+ padding-left: calc($left-gutter + 20px); // override padding-left $left-gutter`
`291`	`290`	`}`
`292`	`291`
`293`	`292`	`/* all the overflow-y: hidden; are to trap Zalgos -`