Closed andre-a-alves closed 3 months ago
The latest updates on your projects. Learn more about Vercel for Git βοΈ
Name | Status | Preview | Updated (UTC) |
---|---|---|---|
unitary-fund-prel | β Ready (Inspect) | Visit Preview | Feb 23, 2024 6:01am |
Thanks @andre-a-alves !
Fixes #363
Affected Pages
Summary of Changes
MR changes the behavior of the filter on the mobile version of the page. When the user scrolls far enough that the header is no longer visible, the filter will move to the top of the screen and stay there. If the user scrolls back to the top, the filter will move back down so the header is visible.
The drawback of this approach is that a gap remains visible for the short scroll portion (37 pixels) closest to the top. However, it is a simple approach that should not affect website performance on older devices as much as a pixel-by-pixel change would.
New Behavior:
After scrolling:
![Screenshot_20240223_065926](https://github.com/unitaryfund/unitary.fund/assets/20098360/3076f5d7-7db5-4b4a-9e17-9269b8774271)
While on top:![Screenshot_20240223_065550](https://github.com/unitaryfund/unitary.fund/assets/20098360/ca4a4d90-ae08-4793-b993-2f23af3286e9)
Old Behavior (unchanged for top 37 pixels):
Visible Gap:![Screenshot_20240223_065444](https://github.com/unitaryfund/unitary.fund/assets/20098360/1c484aab-0a64-4cdc-bf82-8d26648d28e0)