imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Allow the header container to collapse on itself when room list not minimised

Browse source
This commit is contained in:
Germain Souquet 2021-10-07 10:57:23 +01:00
parent 0f212b2607
commit c009d15176
1 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

16
res/css/views/rooms/_RoomSublist.scss
View file

@ -22,6 +22,12 @@ limitations under the License.
display: none; display: none;
} }
&:not(.mx_RoomSublist_minimized) {
.mx_RoomSublist_headerContainer {
height: auto;
}
}
.mx_RoomSublist_headerContainer { .mx_RoomSublist_headerContainer {
// Create a flexbox to make alignment easy // Create a flexbox to make alignment easy
display: flex; display: flex;
@ -41,9 +47,7 @@ limitations under the License.
// The combined height must be set in the LeftPanel component for sticky headers // The combined height must be set in the LeftPanel component for sticky headers
// to work correctly. // to work correctly.
padding-bottom: 8px; padding-bottom: 8px;
// Allow the container to collapse on itself if its children height: 24px;
// are not in the normal document flow
max-height: 24px;
color: $roomlist-header-color; color: $roomlist-header-color;
.mx_RoomSublist_stickable { .mx_RoomSublist_stickable {
@ -176,9 +180,9 @@ limitations under the License.
// scroll jumps when they become sticky. However, that leaves a gap when // scroll jumps when they become sticky. However, that leaves a gap when
// scrolled to the top above the first sublist (whose header can only ever // scrolled to the top above the first sublist (whose header can only ever
// stick to top), so we make sure to exclude the first visible sublist. // stick to top), so we make sure to exclude the first visible sublist.
&:not(.mx_RoomSublist_hidden) ~ .mx_RoomSublist .mx_RoomSublist_headerContainer { // &:not(.mx_RoomSublist_hidden) ~ .mx_RoomSublist .mx_RoomSublist_headerContainer {
height: 24px; // height: 24px;
} // }
.mx_RoomSublist_resizeBox { .mx_RoomSublist_resizeBox {
position: relative; position: relative;