Merge pull request #6 from shivanshkc/dev

shivanshkc · web-flow · commit 72a0b0d63340 · 2022-03-27T15:10:25.000+05:30
fix(ui): overflow fix in mobile browsers
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,10 +1,9 @@
 ## [1.1.3](https://github.com/shivanshkc/graviton-web-client/compare/v1.1.2...v1.1.3) (2022-03-27)
 
-
 ### Bug Fixes
 
-* **core:** timer inital start call fix ([d5c8ffa](https://github.com/shivanshkc/graviton-web-client/commit/d5c8ffa97ee6954a709361ee036c162f889d3dd7))
-* **ui:** play button media query fix ([001095a](https://github.com/shivanshkc/graviton-web-client/commit/001095a4b1c22c1ce001acbceb4bcf1381d07b17))
+- **core:** timer inital start call fix ([d5c8ffa](https://github.com/shivanshkc/graviton-web-client/commit/d5c8ffa97ee6954a709361ee036c162f889d3dd7))
+- **ui:** play button media query fix ([001095a](https://github.com/shivanshkc/graviton-web-client/commit/001095a4b1c22c1ce001acbceb4bcf1381d07b17))
 
 ## [1.1.2](https://github.com/shivanshkc/graviton-web-client/compare/v1.1.1...v1.1.2) (2022-03-27)
 
diff --git a/src/pages/home/home.component.scss b/src/pages/home/home.component.scss
@@ -1,6 +1,6 @@
 .instruction {
   // Vertical mid.
-  position: absolute;
+  position: fixed;
   top: 50%;
 
   // Horizontal mid.
diff --git a/src/styles.scss b/src/styles.scss
@@ -3,11 +3,14 @@
 html,
 body {
   height: 100%;
+  width: 100%;
 }
 
 body {
   margin: 0;
   overflow: hidden;
+  // Setting the position to fixed fixes overflowing in mobile browsers.
+  position: fixed;
 }
 
 // Sugar for width: 100%

Original file line number	Diff line number	Diff line change
`@@ -3,11 +3,14 @@`
`3`	`3`	`html,`
`4`	`4`	`body {`
`5`	`5`	`height: 100%;`
	`6`	`+ width: 100%;`
`6`	`7`	`}`
`7`	`8`
`8`	`9`	`body {`
`9`	`10`	`margin: 0;`
`10`	`11`	`overflow: hidden;`
	`12`	`+ // Setting the position to fixed fixes overflowing in mobile browsers.`
	`13`	`+ position: fixed;`
`11`	`14`	`}`
`12`	`15`
`13`	`16`	`// Sugar for width: 100%`