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:
@@ -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; }
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user