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 {
|
.v2-treue-spacer {
|
||||||
flex: 1 1 auto;
|
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 {
|
.v2-einschaetzung-text {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
line-height: 1.55;
|
line-height: 1.55;
|
||||||
color: var(--ecg-dark);
|
color: var(--ecg-dark);
|
||||||
margin-top: 2px;
|
|
||||||
}
|
}
|
||||||
.v2-belege {
|
.v2-belege {
|
||||||
margin-top: 6px;
|
margin-top: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.v2-fraktion-scores {
|
.v2-fraktion-scores {
|
||||||
|
|||||||
@ -404,18 +404,25 @@
|
|||||||
<summary class="v2-treue-row">
|
<summary class="v2-treue-row">
|
||||||
<span class="v2-treue-label">{{ prog_label }}</span>
|
<span class="v2-treue-label">{{ prog_label }}</span>
|
||||||
<span class="v2-treue-spacer"></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>
|
<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>
|
</summary>
|
||||||
{% if prog.begruendung %}
|
<div class="v2-treue-body">
|
||||||
<div class="v2-einschaetzung-text">{{ prog.begruendung }}</div>
|
{% if prog.begruendung %}
|
||||||
{% endif %}
|
<div class="v2-einschaetzung">
|
||||||
{% if prog.zitate %}
|
<div class="v2-treue-sublabel">Einschätzung</div>
|
||||||
<div class="v2-belege">
|
<div class="v2-einschaetzung-text">{{ prog.begruendung }}</div>
|
||||||
{% for z in prog.zitate %}
|
</div>
|
||||||
{{ quote_card(z.text, z.source, True, False, z.pdf_href) }}
|
{% endif %}
|
||||||
{% endfor %}
|
{% 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>
|
</div>
|
||||||
{% endif %}
|
|
||||||
</details>
|
</details>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user