This commit is contained in:
Kyle
2019-08-10 12:01:02 -07:00
parent ea9cb2f6b0
commit 7a64d0ae08
2 changed files with 13 additions and 5 deletions

View File

@@ -12,10 +12,12 @@ function fullscreen() {
} else if (grid.mozRequestFullScreen) { } else if (grid.mozRequestFullScreen) {
grid.mozRequestFullScreen() grid.mozRequestFullScreen()
} else if (grid.webkitRequestFullscreen) { } else if (grid.webkitRequestFullscreen) {
alert("ok")
grid.webkitRequestFullscreen() grid.webkitRequestFullscreen()
} else if (grid.msRequestFullscreen) { } else if (grid.msRequestFullscreen) {
grid.msRequestFullscreen() grid.msRequestFullscreen()
} else {
document.getElementById("return").classList.add("permaHidden")
document.getElementById("mainGrid").classList.add("fullscreenUnavailable")
} }
} }
function startGame() { function startGame() {

View File

@@ -15,10 +15,10 @@
<!-- Other things --> <!-- Other things -->
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="apple-mobile-web-app-title" content="LifeCounter" /> <meta name="apple-mobile-web-app-title" content="LifeCounter">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- Here's the stuff that does things? --> <!-- Here's the stuff that does things? -->
<script type='application/ld+json'> <script type='application/ld+json'>
@@ -120,10 +120,13 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
align-items: center; align-items: center;
/*display: none;*/ display: none;
} }
.mainGrid:fullscreen { .mainGrid:fullscreen {
/*display: inline-block;*/ display: inline-block;
}
.mainGrid.fullscreenUnavailable {
display: inline-block;
} }
.playerBox { .playerBox {
/*background-color: #454;*/ /*background-color: #454;*/
@@ -138,6 +141,9 @@
.hidden { .hidden {
display: none; display: none;
} }
.permaHidden {
display: none;
}
#return { #return {
width: 100%; width: 100%;
height: 100%; height: 100%;