From 7fd7703d9c2022e2e778db96bbd9bfafeb89c472 Mon Sep 17 00:00:00 2001
From: fds2610-bot <fds2610-bot@users.noreply.codeberg.org>
Date: Wed, 2 Sep 2026 12:31:48 +0200
Subject: [PATCH] Servernamen im System-Monitor nur noch als Tooltip statt
 ueberlappend

Bei mehreren Kacheln ueberlagerten sich die fest eingezeichneten
Servernamen im mittleren (Status-)Monitor. Der Name erscheint jetzt
nur noch als SVG-<title>-Tooltip beim Hoover ueber die jeweilige
Kachel, deren gesamte Flaeche als Hoover-Bereich dient.

Schliesst #73
---
 html/css/office.css      |  5 -----
 html/js/office-render.js | 14 ++++++--------
 2 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/html/css/office.css b/html/css/office.css
index 0b3c6d7..a61525a 100644
--- a/html/css/office.css
+++ b/html/css/office.css
@@ -280,11 +280,6 @@ header.office-header h1 {
   fill: #f87171;
 }
 
-.system-tile-label {
-  fill: var(--color-text-inverse);
-  font-size: 12px;
-}
-
 .monitor-placeholder-text {
   fill: #64748b;
   font-size: 15px;
diff --git a/html/js/office-render.js b/html/js/office-render.js
index 1500fd1..934beb6 100644
--- a/html/js/office-render.js
+++ b/html/js/office-render.js
@@ -413,7 +413,13 @@ function renderSystemMonitor(frame, systems, onConfigClick) {
     const tileX = gridX + col * (tileSize + tileMargin);
     const tileY = gridY + row * (tileSize + tileMargin);
 
+    // Issue #73: Servernamen ueberlappten sich bei mehreren Kacheln, deshalb kein fest
+    // eingezeichneter Text mehr - der Name erscheint nur noch als <title>-Tooltip, der ueber
+    // der ganzen Kachel (system-tile-bg deckt sie komplett ab) beim Hoover angezeigt wird.
     const tileGroup = el("g", { class: `system-tile status-${system.status}` });
+    const tileTitle = el("title");
+    tileTitle.textContent = system.name;
+    tileGroup.appendChild(tileTitle);
     tileGroup.appendChild(
       el("rect", { x: tileX, y: tileY, width: tileSize, height: tileSize, rx: 6, class: "system-tile-bg" })
     );
@@ -425,14 +431,6 @@ function renderSystemMonitor(frame, systems, onConfigClick) {
     );
     tileGroup.appendChild(el("circle", { cx: tileX + 18, cy: tileY + 17, r: 3, class: "system-tile-led" }));
     tileGroup.appendChild(el("circle", { cx: tileX + 18, cy: tileY + 37, r: 3, class: "system-tile-led" }));
-    tileGroup.appendChild(
-      text(system.name, {
-        x: tileX + tileSize / 2,
-        y: tileY + tileSize - 8,
-        class: "system-tile-label",
-        "text-anchor": "middle",
-      })
-    );
     g.appendChild(tileGroup);
   });