fix: Beschreibungs-Hinweis als Info-Icon Tooltip statt form-hint

Hinweistext zur guten Beschreibung erscheint jetzt als Tooltip am
i-Icon neben dem Label, konsistent mit allen anderen Formularfeldern.
Tooltip-Text wechselt weiterhin je nach Typ (Live/Recherche).
Dieser Commit ist enthalten in:
Claude Dev
2026-03-27 23:50:09 +01:00
Ursprung 11d0aadc57
Commit ca2059aca0
2 geänderte Dateien mit 8 neuen und 8 gelöschten Zeilen

Datei anzeigen

@@ -333,7 +333,7 @@
<input type="text" id="inc-title" required aria-required="true" placeholder="z.B. Explosion in Madrid"> <input type="text" id="inc-title" required aria-required="true" placeholder="z.B. Explosion in Madrid">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="inc-description">Beschreibung / Kontext</label> <label for="inc-description">Beschreibung / Kontext <span class="info-icon tooltip-below" id="description-info-icon" data-tooltip="Beschreibe den Vorfall möglichst genau: Was ist passiert? Wo? Wer ist beteiligt? Je präziser, desto bessere Ergebnisse."><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg></span></label>
<textarea id="inc-description" placeholder="Weitere Details zum Vorfall (optional)"></textarea> <textarea id="inc-description" placeholder="Weitere Details zum Vorfall (optional)"></textarea>
<div class="description-enhance-row"> <div class="description-enhance-row">
<button type="button" class="btn btn-secondary btn-small" id="btn-enhance-description" onclick="App.generateDescription()" disabled> <button type="button" class="btn btn-secondary btn-small" id="btn-enhance-description" onclick="App.generateDescription()" disabled>
@@ -341,7 +341,7 @@
<span id="enhance-spinner" class="spinner-inline" style="display:none;"></span> <span id="enhance-spinner" class="spinner-inline" style="display:none;"></span>
</button> </button>
</div> </div>
<div class="form-hint" id="description-hint">Beschreibe den Vorfall möglichst genau: Was ist passiert? Wo? Wer ist beteiligt? Je präziser, desto bessere Ergebnisse.</div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="inc-type">Art der Lage</label> <label for="inc-type">Art der Lage</label>

Datei anzeigen

@@ -3260,12 +3260,12 @@ function toggleTypeDefaults() {
hint.textContent = 'Durchsucht laufend hunderte Nachrichtenquellen nach neuen Meldungen. Empfohlen: Automatische Aktualisierung.'; hint.textContent = 'Durchsucht laufend hunderte Nachrichtenquellen nach neuen Meldungen. Empfohlen: Automatische Aktualisierung.';
} }
// Beschreibungs-Hinweis je nach Typ wechseln // Beschreibungs-Tooltip je nach Typ wechseln
const descHint = document.getElementById('description-hint'); const descIcon = document.getElementById('description-info-icon');
if (descHint) { if (descIcon) {
descHint.textContent = type === 'research' descIcon.setAttribute('data-tooltip', type === 'research'
? 'Nenne das vollständige Thema, gewünschte Schwerpunkte und relevante URLs. Beispiel: "Muster GmbH \u2014 Fokus auf Führungspersonen, Kontroversen, Finanzkennzahlen"' ? 'Nenne das vollst\u00e4ndige Thema, gew\u00fcnschte Schwerpunkte und relevante URLs.\nBeispiel: "Muster GmbH \u2014 Fokus auf F\u00fchrungspersonen, Kontroversen, Finanzkennzahlen"'
: 'Beschreibe den Vorfall möglichst genau: Was ist passiert? Wo? Wer ist beteiligt? Je präziser, desto bessere Ergebnisse.'; : 'Beschreibe den Vorfall m\u00f6glichst genau: Was ist passiert? Wo? Wer ist beteiligt?\nJe pr\u00e4ziser, desto bessere Ergebnisse.');
} }
} }