From 6c31bf1a618b5e5301c2d824684cd4554419529f Mon Sep 17 00:00:00 2001 From: Travis Ralston Date: Wed, 10 Jun 2020 15:15:58 -0600 Subject: [PATCH] Fix layout when resizing the list width --- res/css/views/rooms/_RoomList2.scss | 2 ++ res/css/views/rooms/_RoomSublist2.scss | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/res/css/views/rooms/_RoomList2.scss b/res/css/views/rooms/_RoomList2.scss index 89760958f9..40549d25b4 100644 --- a/res/css/views/rooms/_RoomList2.scss +++ b/res/css/views/rooms/_RoomList2.scss @@ -17,6 +17,8 @@ limitations under the License. // TODO: Rename to mx_RoomList during replacement of old component .mx_RoomList2 { + width: calc(100% - 16px); // 16px of artificial right-side margin (8px is overflowed from the sublists) + // Create a column-based flexbox for the sublists. That's pretty much all we have to // worry about in this stylesheet. display: flex; diff --git a/res/css/views/rooms/_RoomSublist2.scss b/res/css/views/rooms/_RoomSublist2.scss index 2c34f28721..ed17c071b6 100644 --- a/res/css/views/rooms/_RoomSublist2.scss +++ b/res/css/views/rooms/_RoomSublist2.scss @@ -159,7 +159,7 @@ limitations under the License. // either side of the list. We define this after the positioning to // trick the browser. margin-left: 4px; - margin-right: 8px; + margin-right: 4px; } }