feat: Daten-Disclaimer Accordion oberhalb der Windkarte
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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user