diff --git a/display/display.css b/display/display.css index f3a4599b49ba1ff0a5d4d994e54f965d4b68f8af..dacddf9427f0516d798316197972546caa245a3f 100644 --- a/display/display.css +++ b/display/display.css @@ -46,6 +46,7 @@ user-select: none; z-index: 1; pointer-events: none; + cursor: default; } .no-select { @@ -56,7 +57,6 @@ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ - cursor: default; } .close-button { diff --git a/display/display.js b/display/display.js index 21484a32c8f3a3199617388f3ddfeb55aac33816..068d5ef220cbddcb6b081277054b521bcf0332fd 100644 --- a/display/display.js +++ b/display/display.js @@ -15,18 +15,19 @@ function loadComponents() { function createFullScreenButton() { const sceneNode = Helpers.getCanvasDivNode(); - const overlayNode = document.createElement("div"); - overlayNode.className = "fullscreen-button"; - overlayNode.innerHTML = "<p>⤢</p>"; + const overlayNode = Helpers.createDiv("fullscreen-button", sceneNode, { + innerHTML: "<p>⤢</p>", + title: "Vollbild", + }); + overlayNode.classList.add("no-select"); overlayNode.addEventListener("click", function () { if (screenfull.isEnabled) { - screenfull.toggle(Helpers.getCanvasDivNode()); + screenfull.toggle(sceneNode); G.resize(); } else { console.log("No fullscreen mode available :("); } }); - sceneNode.appendChild(overlayNode); } let G = null;