Mirrors/cloud-game
1
0
Fork 0
mirror of https://github.com/giongto35/cloud-game.git synced 2026-07-28 20:40:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fix visibility of the help overlay

Browse source
This commit is contained in:
Sergey Stepanov 2022-04-18 19:13:26 +03:00
parent 9b2e41ff86
commit ed60ccf41e
No known key found for this signature in database
GPG key ID: A56B4929BAA8556B
5 changed files with 8 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web/css/main.css
View file

@ -49,7 +49,6 @@ body {
#help-overlay {
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0;
}
@ -66,7 +65,6 @@ body {
#help-overlay-detail {
width: 100%;
height: 100%;
display: block;
position: absolute;
background-image: url('/static/img/help_overlay.png');

2
web/css/ui.css
View file

@ -1,6 +1,6 @@
.hidden {
display: none;
visibility: hidden;
}
.modal-window {

6
web/index.html
View file

@ -84,9 +84,9 @@
<div id="noti-box" class="unselectable">Oh my god</div>
<div id="help-overlay">
<div id="help-overlay-background"></div>
<div id="help-overlay-detail"></div>
<div id="help-overlay" class="hidden">
<div id="help-overlay-background" class="hidden"></div>
<div id="help-overlay-detail" class="hidden"></div>
</div>
<div id="btn-help" class="btn unselectable" value="help"></div>
{{if .Recording.Enabled}}

3
web/js/controller.js
View file

@ -97,7 +97,8 @@
gui.toggle(keyButtons[KEY.SAVE], show || isGameScreen);
gui.toggle(keyButtons[KEY.LOAD], show || isGameScreen);
gui.toggle(helpOverlay, show);
gui.toggle(helpOverlay, show)
Array.from(helpOverlay.children).forEach((node) => gui.toggle(node, show))
this.shown = show;

4
web/js/gui/gui.js
View file

@ -141,11 +141,11 @@ const gui = (() => {
}
const show = (el) => {
el.style.removeProperty('visibility');
el.classList.remove('hidden');
}
const hide = (el) => {
el.style.visibility = 'hidden';
el.classList.add('hidden');
}
const toggle = (el, what) => {