OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix layout when resizing the list width

pull/21833/head
Travis Ralston 2020-06-10 15:15:58 -06:00
parent be366bdd7f
commit 6c31bf1a61
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
res/css/views/rooms/_RoomList2.scss
View File

@ -17,6 +17,8 @@ limitations under the License.
// TODO: Rename to mx_RoomList during replacement of old component // TODO: Rename to mx_RoomList during replacement of old component
.mx_RoomList2 { .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 // Create a column-based flexbox for the sublists. That's pretty much all we have to
// worry about in this stylesheet. // worry about in this stylesheet.
display: flex; display: flex;

2
res/css/views/rooms/_RoomSublist2.scss
View File

@ -159,7 +159,7 @@ limitations under the License.
// either side of the list. We define this after the positioning to // either side of the list. We define this after the positioning to
// trick the browser. // trick the browser.
margin-left: 4px; margin-left: 4px;
margin-right: 8px; margin-right: 4px;
} }
} }