LogalDeveloper/owncast
0
Fork 0
Code Activity

Double scrollbars (#2509)

Browse Source 
* hide footer on mobile to avoid double scrollbars

* fix double scrollbars on desktop by removing scroll behaviour from main section

* add scrollbar styles to body and html

* add vertical scrolling back to main section

* prevent header from collapsing and messing around with scrolling

* prevent body from scrolling for main layout

* move tablet breakpoint into breakpoint mixin

* preffify code

* remove js height calc for lower section on mobile and use css

* enable scrolling within a tab on mobile

* remove scrollbar from main section on mobile

* adjust header height on mobile

* add react use to web

* lock body scroll for main layout
This commit is contained in:
André Rusakow
2022-12-29 19:14:12 +01:00
committed by GitHub
parent ccca93695a
commit 0a602edf5e
10 changed files with 259 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/package.json
View File

@@ -43,6 +43,7 @@
"react-hotkeys-hook": "3.4.7",
"react-linkify": "1.0.0-alpha",
"react-markdown": "8.0.4",
"react-use": "^17.4.0",
"react-virtuoso": "3.1.5",
"recoil": "0.7.6",
"sharp": "0.31.3",
@@ -87,8 +88,8 @@
"babel-loader": "9.1.0",
"chromatic": "6.14.0",
"css-loader": "6.7.3",
"eslint": "8.30.0",
"cypress": "^12.0.0",
"eslint": "8.30.0",
"eslint-config-airbnb": "19.0.4",
"eslint-config-next": "13.0.6",
"eslint-config-prettier": "8.5.0",