diff --git a/frontend/src/components/TopicDetail.vue b/frontend/src/components/TopicDetail.vue index 60ceaab..4056d1c 100644 --- a/frontend/src/components/TopicDetail.vue +++ b/frontend/src/components/TopicDetail.vue @@ -406,14 +406,17 @@ function extractContext() { grid-column: 2; grid-row: 2 / 4; margin-top: 0; - align-self: stretch; /* füllt die volle Card-Höhe */ + align-self: start; + /* Feste Höhe vom Viewport — nicht von der Grid-Zeile (sonst wächst es mit dem Verlauf). + sticky: bleibt beim Scrollen des langen Guide-Texts sichtbar. */ + position: sticky; + top: 1rem; + height: calc(100dvh - 2rem); display: flex; flex-direction: column; - min-height: 14rem; - max-height: calc(100dvh - 8rem); overflow-y: auto; } - /* Nachrichtenliste füllt den verfügbaren Panel-Platz und scrollt intern. */ + /* Nachrichtenliste füllt den Panel-Rest und scrollt intern. */ .guide-content:not(.onepager) .section-card:has(.bp-panel) :deep(.bp-messages) { flex: 1; min-height: 0;