fix: Programm-Treue Sub-Labels (Einschätzung, Belege) zurück + Bewertung-Tag

Der vorherige Refactor hatte die expliziten Sub-Headers im Body
abgeworfen. User wollte sie zurück (BELEGE-Layout-Spec):
- Header-Row: Programm-Label links, "Bewertung"-Tag + Score-Chip rechts
- Body: Sub-Label "Einschätzung" über der Begründung,
        Sub-Label "Belege" über den Zitaten

Default bleibt <details open> — alles sofort lesbar, Falt-Toggle
optional. Chevron ▾ am Label rotiert beim Schließen.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Dotty Dotter 2026-05-07 10:11:12 +02:00
parent bd0fe54559
commit acda3cdb3a
2 changed files with 45 additions and 11 deletions

View File

@ -1030,14 +1030,41 @@ body.v2 ul.v2-manual ul li::before {
.v2-treue-spacer {
flex: 1 1 auto;
}
/* "Bewertung"-Tag links vom Score-Chip schwächt die Zahl optisch ab,
macht klar, dass sie eine Wert-Auszeichnung ist, kein Kontext. */
.v2-treue-score-tag {
font-family: var(--font-mono);
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--ecg-dark);
opacity: 0.55;
}
/* Body-Container und Sub-Labels Einschätzung/Belege */
.v2-treue-body {
padding-top: 6px;
}
.v2-treue-sublabel {
font-family: var(--font-mono);
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.07em;
color: var(--ecg-dark);
opacity: 0.6;
margin: 8px 0 4px;
}
.v2-einschaetzung {
margin-bottom: 4px;
}
.v2-einschaetzung-text {
font-size: 13px;
line-height: 1.55;
color: var(--ecg-dark);
margin-top: 2px;
}
.v2-belege {
margin-top: 6px;
margin-top: 4px;
}
.v2-fraktion-scores {

View File

@ -404,18 +404,25 @@
<summary class="v2-treue-row">
<span class="v2-treue-label">{{ prog_label }}</span>
<span class="v2-treue-spacer"></span>
<span class="v2-treue-score-tag">Bewertung</span>
<span class="v2-score-chip {% if p_score >= 7 %}chip-green{% elif p_score >= 4 %}chip-mid{% else %}chip-red{% endif %}">{{ "%.0f"|format(p_score) }}/10</span>
</summary>
{% if prog.begruendung %}
<div class="v2-einschaetzung-text">{{ prog.begruendung }}</div>
{% endif %}
{% if prog.zitate %}
<div class="v2-belege">
{% for z in prog.zitate %}
{{ quote_card(z.text, z.source, True, False, z.pdf_href) }}
{% endfor %}
<div class="v2-treue-body">
{% if prog.begruendung %}
<div class="v2-einschaetzung">
<div class="v2-treue-sublabel">Einschätzung</div>
<div class="v2-einschaetzung-text">{{ prog.begruendung }}</div>
</div>
{% endif %}
{% if prog.zitate %}
<div class="v2-belege">
<div class="v2-treue-sublabel">Belege</div>
{% for z in prog.zitate %}
{{ quote_card(z.text, z.source, True, False, z.pdf_href) }}
{% endfor %}
</div>
{% endif %}
</div>
{% endif %}
</details>
{% endfor %}
</div>