Avoid bounding box usage in sticky headers & improve reliability

We now use offsets and scroll information to determine where the headers should be stuck to, still supporting the transparent background. Some scroll jumps were originally introduced as part of the change in numbering, so they have been fixed here. By proxy, some additional scroll jump/instability should be fixed as well. This has a lingering problem of still causing a huge number of no-op UI updates though, which will be dealt with in a future commit.
2020-07-08 14:37:35 -06:00
parent 6e20850567
commit f9aca7c05e
3 changed files with 39 additions and 42 deletions
@@ -122,16 +122,19 @@ $tagPanelWidth: 70px; // only applies in this file, used for calculations
        }

        .mx_LeftPanel2_roomListWrapper {
+            // Create a flexbox to ensure the containing items cause appropriate overflow.
            display: flex;
+
            flex-grow: 1;
            overflow: hidden;
            min-height: 0;
+            margin-top: 12px; // so we're not up against the search/filter

-            &.stickyBottom {
+            &.mx_LeftPanel2_roomListWrapper_stickyBottom {
                padding-bottom: 32px;
            }

-            &.stickyTop {
+            &.mx_LeftPanel2_roomListWrapper_stickyTop {
                padding-top: 32px;
            }
        }