feat(#147): Hover-Tooltips fuer Abkuerzungen auf Antrag-Detail

User-Feedback: '(A)' hinter Partei, 'WP', 'PP' brauchen Erklaerung
fuer Erstleser:innen. Loesung: ausfuehrliche title-Tooltips plus
visuelle Affordanz (cursor:help).

Geaendert:
- v2-badge-antragsteller / -regierung: cursor:help
- v2-score-chip[title]: cursor:help
- (A) → 'A — Antragstellende Fraktion: hat den Antrag eingereicht.'
- (R) → 'R — Regierungsfraktion: traegt die aktuelle Mehrheit im Landtag.'
- WP-Chip: 'WP — Wahlprogramm-Treue (0–10): wie gut passt der Antrag
  zum aktuellen Wahlprogramm? + Begruendung'
- PP-Chip: analog fuer Parteiprogramm-Treue
- Score-Hero: Tooltip mit GWÖ-Score-Definition + Methodik-Verweis
- 'Enth.:' im Abstimmungs-Block: dotted underline + Tooltip 'Enth. —
  Enthaltung: weder Zustimmung noch Ablehnung'

Closes #147
This commit is contained in:
Dotty Dotter 2026-04-28 08:46:27 +02:00
parent 722b073bbd
commit eb0669d6ac
3 changed files with 13 additions and 6 deletions

View File

@ -988,8 +988,13 @@ body.v2 ul.v2-manual ul li::before {
font-size: 10px;
font-weight: 700;
line-height: 1;
cursor: help; /* Browser zeigt Hilfe-Cursor — Affordanz fuer Tooltip */
}
/* Score-Chips bekommen die gleiche cursor-Affordanz, sodass User merken,
dass WP/PP nicht nur Labels sind sondern Tooltips haben (#147). */
.v2-score-chip[title] { cursor: help; }
.v2-badge-antragsteller {
background: var(--ecg-blue);
color: #fff;

View File

@ -20,7 +20,9 @@
{% set s = score | float %}
{% if s < 5 %}{% set modifier = "low" %}{% else %}{% set modifier = "" %}{% endif %}
<div class="v2-score-hero {{ modifier }}" role="region" aria-label="GWÖ-Score {{ '%.1f'|format(s) }} von 10">
<div class="v2-score-hero {{ modifier }}" role="region" aria-label="GWÖ-Score {{ '%.1f'|format(s) }} von 10"
title="GWÖ-Score (010): Gesamt-Bewertung des Antrags nach der Gemeinwohl-Matrix 2.0 für Gemeinden — gewichteter Durchschnitt der 25 Matrix-Felder. Höher = stärkerer Beitrag zum Gemeinwohl. Details unter /methodik."
style="cursor:help;">
<div class="big-num" aria-hidden="true">
{{ "%.1f" | format(s) }}<span class="slash">/10</span>
</div>

View File

@ -298,7 +298,7 @@
</div>
{% endif %}
{% if v.fraktionen_enthaltung %}
<div><span style="color:#6e7781;font-weight:700;">Enth.:</span>
<div><span style="color:#6e7781;font-weight:700;cursor:help;border-bottom:1px dotted currentColor;" title="Enth. — Enthaltung: weder Zustimmung noch Ablehnung.">Enth.:</span>
{% for f in v.fraktionen_enthaltung %}<span style="display:inline-block;padding:1px 6px;background:color-mix(in srgb,#6e7781 15%,transparent);color:#57606a;border-radius:3px;margin-right:3px;">{{ f }}</span>{% endfor %}
</div>
{% endif %}
@ -324,18 +324,18 @@
<div class="v2-fraktion-row">
<div class="v2-fraktion-label">
{{ fs.fraktion }}
{% if fs.ist_antragsteller %}<span class="v2-badge-antragsteller" title="Antragstellende Fraktion">A</span>{% endif %}
{% if fs.ist_regierung %}<span class="v2-badge-regierung" title="Regierungsfraktion">R</span>{% endif %}
{% if fs.ist_antragsteller %}<span class="v2-badge-antragsteller" title="A — Antragstellende Fraktion: hat den Antrag eingereicht.">A</span>{% endif %}
{% if fs.ist_regierung %}<span class="v2-badge-regierung" title="R — Regierungsfraktion: trägt die aktuelle Mehrheit im Landtag.">R</span>{% endif %}
</div>
<div class="v2-fraktion-scores">
{% set wp_score = fs.wahlprogramm.score | float %}
{% set pp_score = fs.parteiprogramm.score | float %}
<span class="v2-score-chip {% if wp_score >= 7 %}chip-green{% elif wp_score >= 4 %}chip-mid{% else %}chip-red{% endif %}"
title="Wahlprogramm-Treue: {{ fs.wahlprogramm.begruendung }}">
title="WP — Wahlprogramm-Treue (010): wie gut passt der Antrag zum aktuellen Wahlprogramm dieser Fraktion?&#10;&#10;{{ fs.wahlprogramm.begruendung }}">
WP {{ "%.0f"|format(wp_score) }}/10
</span>
<span class="v2-score-chip {% if pp_score >= 7 %}chip-green{% elif pp_score >= 4 %}chip-mid{% else %}chip-red{% endif %}"
title="Parteiprogramm-Treue: {{ fs.parteiprogramm.begruendung }}">
title="PP — Parteiprogramm-Treue (010): wie gut passt der Antrag zum Grundsatzprogramm dieser Partei?&#10;&#10;{{ fs.parteiprogramm.begruendung }}">
PP {{ "%.0f"|format(pp_score) }}/10
</span>
</div>