From a6ec0e52ecb33915cc4c4b22df1d2512ab9b0111 Mon Sep 17 00:00:00 2001
From: Copilot <198982749+Copilot@users.noreply.github.com>
Date: Fri, 7 Nov 2025 19:44:50 +0100
Subject: 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>
---
 src/frontend/app/components/StopSheet.css | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'src/frontend/app/components/StopSheet.css')

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;
 }
-- 
cgit v1.3