From 3f20d5b0d1ce3e1a3b98d1b86db5c000d8fbf8ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20N=C3=A9grier?= <d.negrier@thecodingmachine.com>
Date: Wed, 2 Jun 2021 10:14:33 +0200
Subject: [PATCH 1/2] Trying to fix cam size in portrait and overflow

---
 front/style/style.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/front/style/style.scss b/front/style/style.scss
index ef3df5c5..9cb139d8 100644
--- a/front/style/style.scss
+++ b/front/style/style.scss
@@ -151,6 +151,7 @@ body .message-info.warning{
 }
 
 video.myCamVideo{
+    max-height: 20vh;
     width: 15vw;
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
@@ -1221,6 +1222,7 @@ div.action.danger p.action-body{
             position: absolute;
             width: 100%;
             height: 100%;
+            overflow: auto;
         }
     }
 }

From 321fc3184a1e334ee90f3af15bdce2328f926585 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20N=C3=A9grier?= <d.negrier@thecodingmachine.com>
Date: Wed, 2 Jun 2021 10:44:36 +0200
Subject: [PATCH 2/2] Fixing scrollability of enable camera scene page

---
 front/src/Components/App.svelte                            | 4 ++--
 front/src/Components/EnableCamera/EnableCameraScene.svelte | 1 -
 front/style/style.scss                                     | 7 ++++++-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/front/src/Components/App.svelte b/front/src/Components/App.svelte
index d1a18f21..5e2b88ee 100644
--- a/front/src/Components/App.svelte
+++ b/front/src/Components/App.svelte
@@ -23,7 +23,7 @@
 
 <div>
     {#if $loginSceneVisibleStore}
-        <div>
+        <div class="scrollable">
             <LoginScene game={game}></LoginScene>
         </div>
     {/if}
@@ -43,7 +43,7 @@
         </div>
     {/if}
     {#if $enableCameraSceneVisibilityStore}
-        <div>
+        <div class="scrollable">
             <EnableCameraScene game={game}></EnableCameraScene>
         </div>
     {/if}
diff --git a/front/src/Components/EnableCamera/EnableCameraScene.svelte b/front/src/Components/EnableCamera/EnableCameraScene.svelte
index 9d75c8ca..9cbd2c25 100644
--- a/front/src/Components/EnableCamera/EnableCameraScene.svelte
+++ b/front/src/Components/EnableCamera/EnableCameraScene.svelte
@@ -131,7 +131,6 @@
       pointer-events: auto;
       margin: 20px auto 0;
       color: #ebeeee;
-      overflow: auto;
 
       section.selectWebcamForm {
         margin-top: 3vh;
diff --git a/front/style/style.scss b/front/style/style.scss
index 9cb139d8..44002850 100644
--- a/front/style/style.scss
+++ b/front/style/style.scss
@@ -1222,7 +1222,12 @@ div.action.danger p.action-body{
             position: absolute;
             width: 100%;
             height: 100%;
-            overflow: auto;
+        }
+
+        & > div.scrollable {
+            overflow-y: auto;
+            -webkit-overflow-scrolling: touch;
+            pointer-events: auto;
         }
     }
 }