diff --git a/src/ui/web/css/left-panel.css b/src/ui/web/css/left-panel.css index b3a16457..cb3eeca2 100644 --- a/src/ui/web/css/left-panel.css +++ b/src/ui/web/css/left-panel.css @@ -3,6 +3,7 @@ background: #333; color: white; overflow-y: auto; + overscroll-behavior: contain; } .LeftPanel ul { diff --git a/src/ui/web/css/main.css b/src/ui/web/css/main.css index e15d5911..a6733557 100644 --- a/src/ui/web/css/main.css +++ b/src/ui/web/css/main.css @@ -12,6 +12,8 @@ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; background-color: black; color: white; + /* make sure to disable rubber-banding and pull to refresh in a PWA if we'd end up having a scrollbar */ + overscroll-behavior: none; } .hiddenWithLayout { diff --git a/src/ui/web/css/timeline.css b/src/ui/web/css/timeline.css index 1a84f8c9..2a96ff07 100644 --- a/src/ui/web/css/timeline.css +++ b/src/ui/web/css/timeline.css @@ -1,6 +1,7 @@ .TimelinePanel ul { overflow-y: auto; + overscroll-behavior: contain; list-style: none; padding: 0; margin: 0;