From fa6685891aa08291442a3237b1faa5fbd7a7cc7a Mon Sep 17 00:00:00 2001
From: Matthias Konitzny <konitzny@ibr.cs.tu-bs.de>
Date: Wed, 15 Dec 2021 11:07:47 +0100
Subject: [PATCH] Added a tooltip to the fullscreen button.

---
 display/display.css |  2 +-
 display/display.js  | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/display/display.css b/display/display.css
index f3a4599..dacddf9 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 21484a3..068d5ef 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>&#10530;</p>";
+    const overlayNode = Helpers.createDiv("fullscreen-button", sceneNode, {
+        innerHTML: "<p>&#10530;</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;
-- 
GitLab