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 <article
v-for="s in ch.sections" v-for="s in ch.sections"
:key="s.num" :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" :style="isOnePager && s.key ? { gridArea: s.key } : null"
> >
<h3> <h3>
{{ s.title }} {{ 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> </h3>
<div class="section-body markdown" v-html="renderMarkdown(s.md)"></div> <div class="section-body markdown" v-html="renderMarkdown(s.md)"></div>
<BausteinPanel <BausteinPanel
@@ -305,9 +305,24 @@ function extractContext() {
} }
.baustein-done { .baustein-done {
margin-left: 0.35rem; float: right;
font-size: 0.85em; 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); 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) */ /* Guides: Karten tragen die Kapitel-Akzentfarbe (OnePager hat eigene op-card-Farben) */