Analysepipeline: Snake-Track mittig zentrieren statt 100% breit

Track war 100% breit, dadurch saß die ltr-Reihe links und die rtl-Reihe
rechts in der Karte. Block 3 (Ende Reihe 1) und Block 4 (Anfang Reihe 2)
lagen weit auseinander, der Reihenwechsel-Pfeil wirkte zusammenhanglos.

Track ist jetzt inline-flex (schrumpft auf Inhaltsbreite, ca. 3 Blöcke
plus Lücken) und wird in der Karte zentriert. Alle drei Reihen sind
gleich breit, Block 3 sitzt direkt über Block 4, die Snake-Form wird
optisch nachvollziehbar.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
2026-05-01 14:38:19 +02:00
Ursprung 392028a9aa
Commit c9bd6310ae

Datei anzeigen

@@ -5660,25 +5660,25 @@ body.tutorial-active .tutorial-cursor {
.pipeline-stage { .pipeline-stage {
position: relative; position: relative;
overflow: visible; overflow: visible;
display: flex;
justify-content: center;
} }
.pipeline-track { .pipeline-track {
display: flex; display: inline-flex;
flex-direction: column; flex-direction: column;
align-items: stretch; align-items: stretch;
gap: 0; gap: 0;
padding: var(--sp-md) 0; padding: var(--sp-md) 0;
width: 100%;
} }
.pipeline-row { .pipeline-row {
display: flex; display: flex;
align-items: stretch; align-items: stretch;
gap: var(--sp-md); gap: var(--sp-md);
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: flex-start;
} }
.pipeline-row[data-direction="ltr"] { justify-content: flex-start; }
.pipeline-row[data-direction="rtl"] { .pipeline-row[data-direction="rtl"] {
flex-direction: row-reverse; flex-direction: row-reverse;
justify-content: flex-start;
} }
.pipeline-empty { .pipeline-empty {
text-align: center; text-align: center;