diff --git a/src/components/Ausweis/ButtonWeiterHilfe.svelte b/src/components/Ausweis/ButtonWeiterHilfe.svelte index e7681631..57267e2f 100644 --- a/src/components/Ausweis/ButtonWeiterHilfe.svelte +++ b/src/components/Ausweis/ButtonWeiterHilfe.svelte @@ -18,6 +18,7 @@ export let aufnahme: AufnahmeClient; export let ausweisart: Enums.Ausweisart export let form: HTMLFormElement; + export let skala: HTMLDivElement; export let showWeiter: boolean = true; @@ -26,6 +27,8 @@ async function ausweisAbschicken() { if (!form.checkValidity()) { form.reportValidity() + + skala.classList.add("no-scroll") return } diff --git a/src/layouts/AusweisLayoutDaten.astro b/src/layouts/AusweisLayoutDaten.astro index 0b655fd4..199aec85 100644 --- a/src/layouts/AusweisLayoutDaten.astro +++ b/src/layouts/AusweisLayoutDaten.astro @@ -22,6 +22,20 @@ const { title } = Astro.props; const skala = document.getElementById("skala"); if (skala?.classList.contains("no-scroll")) { + if (skala) { + skala.classList.remove( + "2xl:fixed", + "2xl:py-4", + "2xl:top-0", + "2xl:z-20" + ); + skala.classList.add("w-full"); + skala.style.borderBottom = "none"; + } + + document + .getElementById("formInput-1") + ?.classList.remove("2xl:mt-[370px]"); return; } diff --git a/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte index a9afaf57..ca9f9300 100644 --- a/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte +++ b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte @@ -147,6 +147,7 @@ const ausweisart = Enums.Ausweisart.VerbrauchsausweisWohnen const anliegen = "Energieausweis erstellen"; let form: HTMLFormElement; +let skala: HTMLDivElement; @@ -166,7 +167,7 @@ let form: HTMLFormElement; -