[Release] Tweak info message padding in right panel timeline (#7909)

jryans · web-flow · commit 4c5fa6294f3b · 2022-02-28T10:38:27.000Z
* Tweak info message padding in right panel timeline

* Use class name
diff --git 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
@@ -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
`@@ -84,7 +84,8 @@ limitations under the License.`
`84`	`84`	`margin-right: 2px;`
`85`	`85`	`}`
`86`	`86`
`87`		`- .mx_EventListSummary:not([data-layout=bubble]) .mx_EventTile_line {`
	`87`	`+ .mx_GenericEventListSummary:not([data-layout=bubble]) .mx_EventTile_line,`
	`88`	`+ .mx_GenericEventListSummary:not([data-layout=bubble]) > .mx_GenericEventListSummary_unstyledList > .mx_EventTile_info .mx_EventTile_avatar ~ .mx_EventTile_line {`
`88`	`89`	`padding-left: 36px;`
`89`	`90`	`}`
`90`	`91`
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 -`