From 2a3fd93afaf7b1f11c3e831541d7252a09985af0 Mon Sep 17 00:00:00 2001
From: Kerry <kerrya@element.io>
Date: Tue, 14 Nov 2023 19:48:26 +1300
Subject: [PATCH] Room header: do not collapse avatar or facepile (#11866)

* Room header: do not collapse avatar or facepile

* comment
---
 res/css/structures/_RightPanel.pcss  |  1 +
 res/css/views/rooms/_RoomHeader.pcss | 11 +++++++++++
 2 files changed, 12 insertions(+)

diff --git a/res/css/structures/_RightPanel.pcss b/res/css/structures/_RightPanel.pcss
index 55c95c3064..19d512fb65 100644
--- a/res/css/structures/_RightPanel.pcss
+++ b/res/css/structures/_RightPanel.pcss
@@ -25,6 +25,7 @@ limitations under the License.
     box-sizing: border-box;
     height: 100%;
     contain: strict;
+    background-color: var(--cpd-color-bg-canvas-default);
 
     .mx_RoomView_MessageList {
         padding: 14px 18px; /* top and bottom is 4px smaller to balance with the padding set above */
diff --git a/res/css/views/rooms/_RoomHeader.pcss b/res/css/views/rooms/_RoomHeader.pcss
index a1ee36f33c..d0aaf39c4a 100644
--- a/res/css/views/rooms/_RoomHeader.pcss
+++ b/res/css/views/rooms/_RoomHeader.pcss
@@ -83,8 +83,19 @@ limitations under the License.
     cursor: pointer;
     user-select: none;
 
+    /* RoomAvatar doesn't pass classes down to avatar
+    So set style here
+    using div because compound classes are not stable */
+    > div {
+        flex-shrink: 0;
+    }
+
     &:hover {
         color: $primary-content;
         background: var(--cpd-color-bg-subtle-primary);
     }
 }
+
+.mx_RoomHeader .mx_BaseAvatar {
+    flex-shrink: 0;
+}