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-12 17:22:12 +02:00
parent 78d5833fe4
commit 0ba708dc54
1 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -153,12 +153,12 @@ function extractContext() {
<article
v-for="s in ch.sections"
:key="s.num"
:class="['section-card', isOnePager && s.key ? 'op-card op-' + s.key : '']"
:class="['section-card', isOnePager && s.key ? 'op-card op-' + s.key : '', lernstand[s.title]?.absolviert ? 'absolviert' : '']"
:style="isOnePager && s.key ? { gridArea: s.key } : null"
>
<h3>
{{ s.title }}
<span v-if="lernstand[s.title]?.absolviert" class="baustein-done" title="Baustein absolviert">✓</span>
<span v-if="lernstand[s.title]?.absolviert" class="baustein-done" title="Prüfung bestanden">✓ Absolviert</span>
</h3>
<div class="section-body markdown" v-html="renderMarkdown(s.md)"></div>
<BausteinPanel
@@ -305,9 +305,24 @@ function extractContext() {
}
.baustein-done {
margin-left: 0.35rem;
font-size: 0.85em;
float: right;
margin-left: 0.5rem;
padding: 0.12rem 0.6rem;
font-size: 0.68em;
font-weight: 600;
line-height: 1.5;
border-radius: 999px;
background: var(--success-soft);
border: 1px solid var(--success-border);
color: var(--success);
white-space: nowrap;
}
/* Absolvierte Bausteine: Karte kippt sichtbar auf Grün */
.guide-content:not(.onepager) .section-card.absolviert {
border-color: var(--success-border);
border-top: 3px solid var(--success);
background: color-mix(in srgb, var(--success) 5%, var(--panel));
}
/* Guides: Karten tragen die Kapitel-Akzentfarbe (OnePager hat eigene op-card-Farben) */