Manage rules for mx_RoomView on _RoomView.pcss - `_ScrollPanel.pc…

…ss` (#10770) * Move style rules of `mx_RoomView_MessageList` from _ScrollPanel.pcss on _RoomView.pcss * Nesting: `mx_RoomView--local .mx_ScrollPanel`
matrix-org · May 9, 2023 · d2fa0af · d2fa0af
1 parent 556a36f
commit d2fa0af
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 31 deletions.
diff --git a/res/css/_components.pcss b/res/css/_components.pcss
@@ -75,7 +75,6 @@
 @import "./structures/_RoomSearch.pcss";
 @import "./structures/_RoomStatusBar.pcss";
 @import "./structures/_RoomView.pcss";
-@import "./structures/_ScrollPanel.pcss";
 @import "./structures/_SearchBox.pcss";
 @import "./structures/_SpaceHierarchy.pcss";
 @import "./structures/_SpacePanel.pcss";

diff --git a/res/css/structures/_RoomView.pcss b/res/css/structures/_RoomView.pcss
@@ -181,10 +181,20 @@ limitations under the License.
     li {
         clear: both;
     }
-}
 
-.mx_RoomView--local .mx_ScrollPanel .mx_RoomView_MessageList {
-    justify-content: center;
+    .mx_ScrollPanel & {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-end;
+
+        content-visibility: auto;
+        contain-intrinsic-size: 50px;
+    }
+
+    .mx_RoomView--local .mx_ScrollPanel & {
+        justify-content: center;
+    }
 }
 
 li.mx_RoomView_myReadMarker_container {

diff --git a/res/css/structures/_ScrollPanel.pcss b/res/css/structures/_ScrollPanel.pcss