lukajankovic/remote-touchpad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use CSS class to hide elements

Browse source
This commit is contained in:
Unrud 2019-11-03 14:06:42 +01:00
parent dfa70a56b5
commit b5af659f79
3 changed files with 13 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

10
webdata/fn.js
View file

@ -312,7 +312,7 @@ window.addEventListener("load", function() {
function showScene(scene) {
[opening, closed, pad, keys, keyboard].forEach(function (e) {
e.style.display = e == scene ? "flex" : "none";
e.classList.toggle("hidden", e != scene);
});
}
@ -368,7 +368,7 @@ window.addEventListener("load", function() {
document.getElementById("keysbutton").addEventListener("click", showKeys);
document.getElementById("keyboardbutton").addEventListener("click", showKeyboard);
if (!fullscreenEnabled()) {
fullscreenbutton.style.display = "none";
fullscreenbutton.classList.add("hidden");
}
fullscreenbutton.addEventListener("click", function() {
if (fullscreenElement()) {
@ -397,9 +397,9 @@ window.addEventListener("load", function() {
window.history.back();
});
window.onpopstate = function() {
if (pad.style.display != "none" ||
keyboard.style.display != "none" ||
keys.style.display != "none") {
if (!pad.classList.contains("hidden") ||
!keyboard.classList.contains("hidden") ||
!keys.classList.contains("hidden")) {
if (history.state == "keys") {
showKeys();
} else if (history.state == "keyboard") {

4
webdata/main.css
View file

@ -10,6 +10,10 @@
user-select: none;
}
.hidden {
display: none;
}
html,
body,
body > div {