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 -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); });