fix size on iPhone

osrd-project · Nov 15, 2023 · e724505 · e724505
1 parent 12cc047
commit e724505
Show file tree

Hide file tree

Showing 7 changed files with 84 additions and 6 deletions.
diff --git a/app.css b/app.css
@@ -12,11 +12,26 @@ body {
   margin: 0;
   font-family: "Avenir";
   overflow-x: hidden;
-  background-image: url(/public/assets/visuels/background_site_kickoff.webp);
+  background: url(/public/assets/visuels/background_site_kickoff.webp) no-repeat center center fixed;
+  -webkit-background-size: cover;
+      -moz-background-size: cover;
+      -o-background-size: cover;
+      background-size: cover;
+}
+
+body:after{
+  content:"";
+  position:fixed; /* stretch a fixed position to the whole screen */
+  top:0;
+  height:100vh; /* fix for mobile browser address bar appearing disappearing */
+  left:0;
+  right:0;
+  z-index:-1; /* needed to keep in the background */
+  background: url(/public/assets/visuels/background_site_kickoff.webp) center center;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
   background-size: cover;
-  background-position: center;
-  background-attachment: fixed;
-  background-repeat: no-repeat;
 }
 
 html {
@@ -49,6 +64,7 @@ html {
   justify-content: center;
   display: flex;
   flex-direction: column;
+  text-align: center;
   overflow-x: hidden;
 }
 

diff --git a/docs/index.846a6f11.js b/docs/index.846a6f11.js
diff --git a/docs/index.846a6f11.js.map b/docs/index.846a6f11.js.map
diff --git a/docs/index.9a134964.css b/docs/index.9a134964.css
diff --git a/docs/index.9a134964.css.map b/docs/index.9a134964.css.map