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:
parent
722b073bbd
commit
eb0669d6ac
@ -988,8 +988,13 @@ body.v2 ul.v2-manual ul li::before {
|
|||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
line-height: 1;
|
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 {
|
.v2-badge-antragsteller {
|
||||||
background: var(--ecg-blue);
|
background: var(--ecg-blue);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|||||||
@ -20,7 +20,9 @@
|
|||||||
{% set s = score | float %}
|
{% set s = score | float %}
|
||||||
{% if s < 5 %}{% set modifier = "low" %}{% else %}{% set modifier = "" %}{% endif %}
|
{% 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 (0–10): 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">
|
<div class="big-num" aria-hidden="true">
|
||||||
{{ "%.1f" | format(s) }}<span class="slash">/10</span>
|
{{ "%.1f" | format(s) }}<span class="slash">/10</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -298,7 +298,7 @@
|
|||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if v.fraktionen_enthaltung %}
|
{% 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 %}
|
{% 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>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@ -324,18 +324,18 @@
|
|||||||
<div class="v2-fraktion-row">
|
<div class="v2-fraktion-row">
|
||||||
<div class="v2-fraktion-label">
|
<div class="v2-fraktion-label">
|
||||||
{{ fs.fraktion }}
|
{{ fs.fraktion }}
|
||||||
{% if fs.ist_antragsteller %}<span class="v2-badge-antragsteller" title="Antragstellende Fraktion">A</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="Regierungsfraktion">R</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>
|
||||||
<div class="v2-fraktion-scores">
|
<div class="v2-fraktion-scores">
|
||||||
{% set wp_score = fs.wahlprogramm.score | float %}
|
{% set wp_score = fs.wahlprogramm.score | float %}
|
||||||
{% set pp_score = fs.parteiprogramm.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 %}"
|
<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 (0–10): wie gut passt der Antrag zum aktuellen Wahlprogramm dieser Fraktion? {{ fs.wahlprogramm.begruendung }}">
|
||||||
WP {{ "%.0f"|format(wp_score) }}/10
|
WP {{ "%.0f"|format(wp_score) }}/10
|
||||||
</span>
|
</span>
|
||||||
<span class="v2-score-chip {% if pp_score >= 7 %}chip-green{% elif pp_score >= 4 %}chip-mid{% else %}chip-red{% endif %}"
|
<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 (0–10): wie gut passt der Antrag zum Grundsatzprogramm dieser Partei? {{ fs.parteiprogramm.begruendung }}">
|
||||||
PP {{ "%.0f"|format(pp_score) }}/10
|
PP {{ "%.0f"|format(pp_score) }}/10
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user