From 4e9ea5d78245f87249e9ced673e2f951696ec53d Mon Sep 17 00:00:00 2001 From: Aman Agrawal Date: Wed, 12 Jun 2024 07:23:00 +0000 Subject: [PATCH] help: Fix left sidebar not bouncing on mac. Since left sidebar was in fixed position, mac's rubber-band scroll effect was not working on it while it was working for others making the bounce look weird. Fixed by letting it bounce with the rest of the elements on the page. --- web/styles/portico/portico.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/web/styles/portico/portico.css b/web/styles/portico/portico.css index 90a6ef2030..30b46819e9 100644 --- a/web/styles/portico/portico.css +++ b/web/styles/portico/portico.css @@ -132,9 +132,10 @@ html { z-index: 1; /* 100vh - navbar - paddingTop - paddingBottom - bottomNav */ height: calc(100vh - 59px); + top: 59px; border-right: 1px solid hsl(219deg 10% 97%); - position: fixed; + position: sticky; background-color: hsl(153deg 32% 55%); color: hsl(0deg 0% 100%); @@ -261,7 +262,6 @@ html { background-color: hsl(0deg 0% 100%); width: calc(100vw - 300px); height: calc(100% - 59px); - margin-left: 300px; & :target { scroll-margin-top: 59px;