marek/creator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
team3
2026-06-17 12:32:47 +02:00
parent 390ec12bbf
commit 5fea458d66
2 changed files with 39 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/components/TopicDetail.vue
View File

@@ -246,6 +246,9 @@ function extractContext() {
/* Kein horizontales Pannen der ganzen Seite — Code-Blöcke scrollen intern */
overflow-x: hidden;
background: var(--bg-preview);
/* Container-Query-Bezug fürs Baustein-Panel: misst die echte Inhaltsbreite
(ElementsSidebar schmälert sie, ohne dass die Fensterbreite sinkt). */
container-type: inline-size;
}
.guide-content {
@@ -384,6 +387,32 @@ function extractContext() {
}
}
/* Desktop: geöffnetes Baustein-Panel rechts neben dem Guide-Text statt darunter.
Greift nur, wenn ein Tab offen ist (.bp-panel existiert dann via v-if).
Tab-Buttons bleiben unten links, Panel rechts mit eigener Höhe + Scroll. */
@container (min-width: 1024px) {
.guide-content:not(.onepager) .section-card:has(.bp-panel) {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-rows: auto auto auto; /* h3 / body / toggles */
column-gap: 1.25rem;
align-items: start;
}
.guide-content:not(.onepager) .section-card:has(.bp-panel) > h3 { grid-column: 1; grid-row: 1; }
.guide-content:not(.onepager) .section-card:has(.bp-panel) > .section-body { grid-column: 1; grid-row: 2; }
.guide-content:not(.onepager) .section-card:has(.bp-panel) :deep(.bp) { display: contents; }
.guide-content:not(.onepager) .section-card:has(.bp-panel) :deep(.bp-toggles) { grid-column: 1; grid-row: 3; }
.guide-content:not(.onepager) .section-card:has(.bp-panel) :deep(.bp-panel) {
grid-column: 2;
grid-row: 1 / 4;
margin-top: 0;
align-self: stretch;
min-height: 14rem;
max-height: calc(100dvh - 8rem);
overflow-y: auto;
}
}
/* OnePager: festes 3×3-Raster über volle Breite und Höhe.
Kein Lese-Zoom (bricht 100%-Höhen) — stattdessen sind die Schriften unten 1.2× skaliert. */
.guide-content.onepager {