Tutorial: Pfeil zeigt dynamisch auf Ziel-Element

CSS: --arrow-top Variable fuer left/right Pfeile
JS: Berechnet Pfeil-Position relativ zum bubbleTarget nach Clamping
Pfeil bleibt immer zwischen 18px vom Rand der Bubble
Dieser Commit ist enthalten in:
Claude Dev
2026-03-23 22:26:56 +01:00
Ursprung d299cdbdf4
Commit 1159fe04a0
2 geänderte Dateien mit 14 neuen und 2 gelöschten Zeilen

Datei anzeigen

@@ -5050,13 +5050,13 @@ a.map-popup-article:hover {
}
.tutorial-pos-right::before {
left: -7px;
top: 30px;
top: var(--arrow-top, 30px);
border-top: none;
border-right: none;
}
.tutorial-pos-left::before {
right: -7px;
top: 30px;
top: var(--arrow-top, 30px);
border-bottom: none;
border-left: none;
}