From eb0669d6acfb0dd9ffaa9d5960b9496292e3d767 Mon Sep 17 00:00:00 2001
From: Dotty Dotter <dotty@Mac.wideopen.space>
Date: Tue, 28 Apr 2026 08:46:27 +0200
Subject: [PATCH] feat(#147): Hover-Tooltips fuer Abkuerzungen auf
 Antrag-Detail
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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
---
 app/static/v2/v2.css                        |  5 +++++
 app/templates/v2/components/score_hero.html |  4 +++-
 app/templates/v2/screens/antrag_detail.html | 10 +++++-----
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/app/static/v2/v2.css b/app/static/v2/v2.css
index e614b17..31b653a 100644
--- a/app/static/v2/v2.css
+++ b/app/static/v2/v2.css
@@ -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;
diff --git a/app/templates/v2/components/score_hero.html b/app/templates/v2/components/score_hero.html
index a4f8bfc..7e7a62c 100644
--- a/app/templates/v2/components/score_hero.html
+++ b/app/templates/v2/components/score_hero.html
@@ -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 (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">
     {{ "%.1f" | format(s) }}<span class="slash">/10</span>
   </div>
diff --git a/app/templates/v2/screens/antrag_detail.html b/app/templates/v2/screens/antrag_detail.html
index 9fde609..3de7e3e 100644
--- a/app/templates/v2/screens/antrag_detail.html
+++ b/app/templates/v2/screens/antrag_detail.html
@@ -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 (0–10): 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 (0–10): wie gut passt der Antrag zum Grundsatzprogramm dieser Partei?&#10;&#10;{{ fs.parteiprogramm.begruendung }}">
             PP {{ "%.0f"|format(pp_score) }}/10
           </span>
         </div>