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:
parent
bd0fe54559
commit
acda3cdb3a
@ -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 {
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user