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

matrix-org · Feb 22, 2022 · e644ede · e644ede
1 parent 5b8d440
commit e644ede
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
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;
 }