Fix room list notification badges going missing in compact layout (#11022)

t3chguy · web-flow · commit 176daad49f9b · 2023-05-31T12:20:26.000Z
diff --git a/res/css/views/rooms/_EventTile.pcss b/res/css/views/rooms/_EventTile.pcss
@@ -1453,12 +1453,14 @@ $left-gutter: 64px;
                 margin-bottom: $spacing-4; /* 1/4 of the non-compact margin-bottom */
             }
         }
-    }
 
-    &[data-shape="ThreadsList"][data-notification]::before,
-    .mx_NotificationBadge {
-        /* stylelint-disable-next-line declaration-colon-space-after */
-        inset-block-start: calc($notification-inset-block-start - var(--MatrixChat_useCompactLayout_group-padding-top));
+        &[data-shape="ThreadsList"][data-notification]::before,
+        .mx_NotificationBadge {
+            /* stylelint-disable-next-line declaration-colon-space-after */
+            inset-block-start: calc(
+                $notification-inset-block-start - var(--MatrixChat_useCompactLayout_group-padding-top)
+            );
+        }
     }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -1453,12 +1453,14 @@ $left-gutter: 64px;`
`1453`	`1453`	`margin-bottom: $spacing-4; /* 1/4 of the non-compact margin-bottom */`
`1454`	`1454`	`}`
`1455`	`1455`	`}`
`1456`		`- }`
`1457`	`1456`
`1458`		`- &[data-shape="ThreadsList"][data-notification]::before,`
`1459`		`- .mx_NotificationBadge {`
`1460`		`- /* stylelint-disable-next-line declaration-colon-space-after */`
`1461`		`- inset-block-start: calc($notification-inset-block-start - var(--MatrixChat_useCompactLayout_group-padding-top));`
	`1457`	`+ &[data-shape="ThreadsList"][data-notification]::before,`
	`1458`	`+ .mx_NotificationBadge {`
	`1459`	`+ /* stylelint-disable-next-line declaration-colon-space-after */`
	`1460`	`+ inset-block-start: calc(`
	`1461`	`+ $notification-inset-block-start - var(--MatrixChat_useCompactLayout_group-padding-top)`
	`1462`	`+ );`
	`1463`	`+ }`
`1462`	`1464`	`}`
`1463`	`1465`	`}`
`1464`	`1466`