fix: Cluster größer + Hover-Ring an Außenknoten (v1.6.1)

- Hint-Text „Knoten klicken — direkt zur Leistung" entfernt
- Cluster ~25 % vergroessert (viewBox 880x690 statt 700x550, alle
  Koordinaten und Radien proportional skaliert; node-Radien 30/18 statt
  24/14, ring r 55 statt 44)
- Neuer .hover-ring pro Aussenknoten: initial unsichtbar, wird beim Hover
  oder Tastatur-Focus sichtbar und pulsiert exakt wie der Center-Ring
  (scale 1.0 → 1.35, stroke-opacity 0.7 → 0.15, 1.6s ease-in-out)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-05 00:24:34 +02:00
parent 57039e188b
commit 4b95cd1c58
5 changed files with 58 additions and 28 deletions
+25
View File
@@ -168,6 +168,30 @@ html {
50% { transform: scale(1.18); opacity: 1; }
}
/* Hover-Ring um Aussenknoten — analog zum Center-Ring, aber nur waehrend Hover/Focus.
Initial unsichtbar; beim Hover wird er sichtbar und pulsiert. */
.hover-ring {
fill: none;
stroke: #DEDC1E;
stroke-width: 1.8;
stroke-opacity: 0;
transform-box: fill-box;
transform-origin: center;
transition: stroke-opacity 0.2s ease;
pointer-events: none;
}
.cluster-link:hover .hover-ring,
.cluster-link:focus-visible .hover-ring {
stroke-opacity: 0.7;
animation: hover-ring-pulse 1.6s ease-in-out infinite;
}
@keyframes hover-ring-pulse {
0%, 100% { transform: scale(1); stroke-opacity: 0.7; }
50% { transform: scale(1.35); stroke-opacity: 0.15; }
}
/* Klickflaeche: unsichtbarer groesserer Kreis (bessere Mausziel-Groesse) */
.node-hit {
fill: transparent;
@@ -204,6 +228,7 @@ html {
@media (prefers-reduced-motion: reduce) {
.logo-cluster line,
.cluster-ring,
.hover-ring,
.node { animation: none !important; }
}