iiiypuk/hgman
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix small devices view

Browse Source
This commit is contained in:
Alexander Popov 2021-02-25 04:29:23 +03:00
parent 2da151493a
commit b9e8284334
Signed by: iiiypuk
GPG Key ID: 398FC73478D97286
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
_media/js/game.js
View File

@ -35,7 +35,7 @@ function generateKeyboard(layout)
layout.split('').forEach(function(letter) layout.split('').forEach(function(letter)
{ {
keyboardHtmlStr = keyboardHtmlStr + '<button class="button outline is-marginless" id="' + letter + keyboardHtmlStr = keyboardHtmlStr + '<button class="button clear is-marginless" id="' + letter +
'" onclick="offChar(\'' + letter + '\')"> ' + letter + '</button>'; '" onclick="offChar(\'' + letter + '\')"> ' + letter + '</button>';
}) })
@ -123,4 +123,11 @@ window.onload = function()
// fix load empty word // fix load empty word
// if (gameWord === 0) { document.location.reload(true); } // if (gameWord === 0) { document.location.reload(true); }
if (window.screen.availWidth <= 599)
{
document.querySelector('#lives').classList.remove('error');
document.querySelector('#lives').classList.add('dark');
alert(599);
}
} }

8
index.html
View File

@ -25,11 +25,11 @@
<div class="container"> <div class="container">
<header> <header>
<nav class="nav"> <nav class="nav">
<div class="nav-left"> <div class="nav-left hide-xs">
<a class="brand" href="#">WORDs</a> <a class="brand" href="#">WORDs</a>
</div> </div>
<div class="nav-center"> <div class="nav-center">
<p id="lives" class="button error">loading...</p> <p id="lives" class="button error is-full-width">loading...</p>
</div> </div>
<div class="nav-right"> <div class="nav-right">
<!-- <a class="button dropdown">Language</a> --> <!-- <a class="button dropdown">Language</a> -->
@ -41,7 +41,7 @@
<nav class="tabs is-full"> <nav class="tabs is-full">
<a onclick="document.location.reload(true);" class="active" id="gameButton">Game</a> <a onclick="document.location.reload(true);" class="active" id="gameButton">Game</a>
<a onclick="showPage(this, pageStatistics);" id="statsButton">Statistics</a> <a onclick="showPage(this, pageStatistics);" id="statsButton">Statistics</a>
<a onclick="showPage(this, pageCredits);" id="creditsButton">Credits</a> <a onclick="showPage(this, pageCredits);" id="creditsButton" class="hide-xs">Credits</a>
</nav> </nav>
<br> <br>
@ -56,8 +56,8 @@
</div> </div>
</section> </section>
<footer class="text-center hide-xs">
<hr> <hr>
<footer class="text-center">
<p class="text-grey is-marginless is-small"> <p class="text-grey is-marginless is-small">
by iiiypuk<br> by iiiypuk<br>
ver: 2.0.0 ver: 2.0.0