Fix edge case around event list summary layout (#7867)

t3chguy · web-flow · commit e644ede09e05 · 2022-02-22T10:25:44.000Z
diff --git a/res/css/views/messages/_ViewSourceEvent.scss b/res/css/views/messages/_ViewSourceEvent.scss
@@ -19,7 +19,6 @@ limitations under the License.
     opacity: 0.6;
     font-size: $font-12px;
     width: 100%;
-    margin-left: 20px;
 
     pre, code {
         flex: 1;
diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
@@ -280,6 +280,12 @@ $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);
+}
+
+.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;
 }

Original file line number	Diff line number	Diff line change
`@@ -280,6 +280,12 @@ $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);`
	`286`	`+}`
	`287`	`+`
	`288`	`+.mx_EventTile:not([data-layout=bubble]).mx_EventTile_info .mx_EventTile_line,`
`283`	`289`	`.mx_GenericEventListSummary:not([data-layout=bubble]) .mx_EventTile_line {`
`284`	`290`	`padding-left: $left-gutter;`
`285`	`291`	`}`