Merge pull request #2507 from matrix-org/bwindels/roomlistjslayout

Redesign: new layout algorithm for room sublists.
This commit is contained in:
Bruno Windels 2019-01-28 14:55:31 +00:00 committed by GitHub
commit 55e0838c82
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 379 additions and 73 deletions

View file

@ -32,34 +32,13 @@ limitations under the License.
*/
.mx_RoomSubList {
min-height: 31px;
flex: 0 10000 auto;
display: flex;
flex-direction: column;
}
.mx_RoomSubList.resized-sized {
/*
flex-basis to 0 so sublists
are not shrinking/growing relative
to their content (as would be the case with auto),
as this intervenes with sizing an item exactly
when not available space is available
in the flex container
*/
flex: 1 1 0;
}
.mx_RoomSubList_nonEmpty {
min-height: 74px;
.mx_AutoHideScrollbar_offset {
padding-bottom: 4px;
}
}
.mx_RoomSubList_hidden {
flex: none !important;
.mx_RoomSubList_nonEmpty .mx_AutoHideScrollbar_offset {
padding-bottom: 4px;
}
.mx_RoomSubList_labelContainer {

View file

@ -17,13 +17,14 @@ limitations under the License.
.mx_RoomList {
/* take up remaining space below TopLeftMenu */
flex: 1 1 auto;
/* use flexbox to layout sublists */
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
}
.mx_RoomList .mx_ResizeHandle {
position: relative;
}
.mx_SearchBox {
flex: none;
}