From 5cacac45eedc6395bdb71bdde601e0708537bf6a Mon Sep 17 00:00:00 2001
From: ludelanier <lucas.delanier@etu.uca.fr>
Date: Sat, 25 Nov 2023 17:30:38 +0100
Subject: [PATCH] fix somes issues

---
 Sources/justMUSIC/web/index.html | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/Sources/justMUSIC/web/index.html b/Sources/justMUSIC/web/index.html
index 873bf5b..102f4a1 100644
--- a/Sources/justMUSIC/web/index.html
+++ b/Sources/justMUSIC/web/index.html
@@ -54,8 +54,28 @@
         }
       });
     });
-});
   </script>
 </body>
 </html>
+<style>
+   /* Centers flutter canvas with a size of the viewport*/
+    flt-glass-pane {
+      position: fixed !important; /* Overrides absolute from flutter  */
+      top: 50vh  !important;
+      left: 50vw  !important;
+      max-width: 100vw  !important;
+      max-height: 100vh  !important;
+      transform: translate(-50vw, -50vh)  !important;
+    }
 
+    /*
+    Scrollbar hide doesn't work on iOS, they add a default one when overflow:true and  -webkit-overflow-scrolling: touch;
+    Sadly since iOS 13, this value is forced on iOS -> https://developer.apple.com/documentation/safari-release-notes/safari-13-release-notes
+    */
+    ::-webkit-scrollbar {
+      display: false;
+      width: 0px;
+      height: 0px;  /* Remove scrollbar space */
+      background: transparent;  /* Optional: just make scrollbar invisible */
+    }
+</style>