diff options
| author | Copilot <198982749+Copilot@users.noreply.github.com> | 2025-11-07 19:44:50 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-11-07 19:44:50 +0100 |
| commit | a6ec0e52ecb33915cc4c4b22df1d2512ab9b0111 (patch) | |
| tree | 68dfd09c9067bb95dc4f7f5c20004dda20bef9ed /src/frontend/app/components/StopSheet.css | |
| parent | 6941f4fb37ffa57c2e4631ff6641976d21151e54 (diff) | |
PWA: use standalone display mode and disable scroll on modal sheets (#82)
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: arielcostas <94913521+arielcostas@users.noreply.github.com>
Diffstat (limited to 'src/frontend/app/components/StopSheet.css')
| -rw-r--r-- | src/frontend/app/components/StopSheet.css | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/src/frontend/app/components/StopSheet.css b/src/frontend/app/components/StopSheet.css index 75b12f0..41dfbe0 100644 --- a/src/frontend/app/components/StopSheet.css +++ b/src/frontend/app/components/StopSheet.css @@ -1,6 +1,7 @@ /* Stop Sheet Styles */ .react-modal-sheet-container { background-color: var(--background-color) !important; + touch-action: none; } .stop-sheet-content { @@ -8,6 +9,7 @@ display: flex; flex-direction: column; overflow: hidden; + touch-action: pan-y; } .stop-sheet-header { @@ -275,6 +277,7 @@ [data-rsbs-header] { background-color: var(--background-color); border-bottom: 1px solid var(--border-color); + touch-action: none; } [data-rsbs-header]:before { @@ -292,4 +295,5 @@ border-top-right-radius: 16px; max-height: 95vh; overflow: hidden; + touch-action: none; } |