feat: Daten-Disclaimer Accordion oberhalb der Windkarte
Deploy / verify (push) Successful in 1m2s
Deploy / deploy (push) Successful in 1m18s

Erklärt warum Anlagenzahl/Höhe-Schätzwerte entfernt wurden. Default
geschlossen, Chevron-Pfeil als Indikator zum Aufklappen.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Peter Meier
2026-06-09 08:51:00 +02:00
parent 4f0ec5ce21
commit c225fb8be5
2 changed files with 22 additions and 9 deletions
@@ -7,6 +7,8 @@
import WindAreaPanel from "$lib/components/WindAreaPanel.svelte";
import { useTranslate, T } from "$lib/translations";
import { getBlockLayoutClasses } from "$lib/block-layout";
import Icon from "@iconify/svelte";
import "$lib/iconify-offline";
const t = useTranslate();
@@ -112,6 +114,18 @@ let areas = $state<WindArea[]>([]);
</div>
{/if}
<!-- Daten-Disclaimer (default geschlossen, oberhalb der Karte) -->
<details class="data-disclaimer mb-3 rounded-md border border-stein-200 bg-stein-50 text-xs text-stein-600">
<summary class="flex cursor-pointer items-center gap-1.5 px-3 py-1.5 font-medium text-stein-700 hover:bg-stein-100 list-none">
<Icon icon="mdi:information-outline" class="size-3.5 shrink-0 text-stein-500" />
<span class="flex-1">Hinweis zu den Daten</span>
<Icon icon="mdi:chevron-down" class="disclaimer-chevron size-4 shrink-0 text-stein-500 transition-transform" />
</summary>
<p class="border-t border-stein-200 px-3 py-2 leading-relaxed">
Diese Karte zeigt zu den Vorranggebieten die amtlichen Angaben aus den Prüfbögen, also Flächengröße und Windhöffigkeit. Wir hatten zusätzlich eigene Schätzwerte zu Anlagenzahl und Anlagenhöhe ergänzt. Diese waren keine amtlichen Festlegungen, der Regionalplan legt beides nicht fest, das entscheidet sich erst im Genehmigungsverfahren. Wir haben diese Schätzwerte entfernt, um Missverständnisse zu vermeiden. Wer einen Fehler findet, kann sich gern bei uns melden.
</p>
</details>
<div class="map-container relative overflow-hidden rounded-xl border border-stein-200 shadow-sm">
<!-- Reset button -->
{#if resetMap}
@@ -213,6 +227,7 @@ let areas = $state<WindArea[]>([]);
{/each}
</span>
</div>
</div>
<style>
@@ -220,6 +235,10 @@ let areas = $state<WindArea[]>([]);
height: clamp(460px, 75vh, 620px);
}
.data-disclaimer[open] :global(.disclaimer-chevron) {
transform: rotate(180deg);
}
/* Panel: mobile = bottom sheet, sm+ = right side panel */
.panel-slide {
position: absolute;