X-Git-Url: https://git-public.kairo.at//?a=blobdiff_plain;f=js%2Fui.js;h=fbc8f3d289c01cbdc6354bc89e16422bdaa4806b;hb=123b314299fa2aca307823c3ccec6139a4282e74;hp=0e0650f1e44b095848a6b2ac2d2369dff4c1ecf6;hpb=16e4f664efa5ad905ffa77ef38808c325c98185c;p=lantea.git

diff --git a/js/ui.js b/js/ui.js
index 0e0650f..fbc8f3d 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -144,6 +144,11 @@ function showUI() {
 
 function maybeHideUI() {
   gUIHideCountdown--;
+  if (!document.getElementById("trackArea").classList.contains("hidden")) {
+    // If track area is visible, update track data.
+    document.getElementById("trackLength").textContent = calcTrackLength().toFixed(1);
+    document.getElementById("trackDuration").textContent = Math.round(calcTrackDuration()/60);
+  }
   if (gUIHideCountdown <= 0) {
     var areas = document.getElementsByClassName('overlayArea');
     for (var i = 0; i <= areas.length - 1; i++) {
@@ -157,23 +162,23 @@ function maybeHideUI() {
 
 function toggleTrackArea() {
   var fs = document.getElementById("trackArea");
-  if (fs.style.display != "block") {
-    fs.style.display = "block";
+  if (fs.classList.contains("hidden")) {
+    fs.classList.remove("hidden");
     showUI();
   }
   else {
-    fs.style.display = "none";
+    fs.classList.add("hidden");
   }
 }
 
 function toggleSettings() {
   var fs = document.getElementById("settingsArea");
-  if (fs.style.display != "block") {
-    fs.style.display = "block";
+  if (fs.classList.contains("hidden")) {
+    fs.classList.remove("hidden");
     showUI();
   }
   else {
-    fs.style.display = "none";
+    fs.classList.add("hidden");
   }
 }