From 15059fe0053b25e037fe264e56a6955e843242fa Mon Sep 17 00:00:00 2001 From: Bruno Windels Date: Mon, 22 Oct 2018 15:55:29 +0200 Subject: [PATCH] make sure the room list doesn't grow taller than viewport by setting the min-height to 0 at every flex level, since by default it's auto which means grow as tall as you need to make the content fit. --- res/css/structures/_LeftPanel.scss | 1 + res/css/structures/_MatrixChat.scss | 1 + res/css/views/rooms/_RoomList.scss | 1 + 3 files changed, 3 insertions(+) diff --git a/res/css/structures/_LeftPanel.scss b/res/css/structures/_LeftPanel.scss index 27b19164c4..fc1622aa4d 100644 --- a/res/css/structures/_LeftPanel.scss +++ b/res/css/structures/_LeftPanel.scss @@ -51,6 +51,7 @@ limitations under the License. overflow-x: hidden; display: flex; flex-direction: column; + min-height: 0; } .mx_LeftPanel .mx_AppTile_mini { diff --git a/res/css/structures/_MatrixChat.scss b/res/css/structures/_MatrixChat.scss index 4f817eef44..a6027f246f 100644 --- a/res/css/structures/_MatrixChat.scss +++ b/res/css/structures/_MatrixChat.scss @@ -54,6 +54,7 @@ limitations under the License. order: 2; flex: 1; + min-height: 0; } .mx_MatrixChat_syncError { diff --git a/res/css/views/rooms/_RoomList.scss b/res/css/views/rooms/_RoomList.scss index 3cb5be1952..2c619b23bc 100644 --- a/res/css/views/rooms/_RoomList.scss +++ b/res/css/views/rooms/_RoomList.scss @@ -21,6 +21,7 @@ limitations under the License. /* use flexbox to layout sublists */ display: flex; flex-direction: column; + min-height: 0; } /* hide resize handles next to collapsed / empty sublists */