diff --git a/src/lib/components/test_cases/TestCaseCompareView.svelte b/src/lib/components/test_cases/TestCaseCompareView.svelte index d1ebed16ff2f6f52feda8af406186c7ea5f48535..b1877fb4d1a0d3adb54973b9535fbf8082e4a729 100644 --- a/src/lib/components/test_cases/TestCaseCompareView.svelte +++ b/src/lib/components/test_cases/TestCaseCompareView.svelte @@ -78,7 +78,7 @@ </script> <div - class="mx-0 relative rounded-t-sm bg-white shadow-md md:mb-5 md:mx-2 md:mb-5 lg:mx-5" + class="relative mx-0 rounded-t-sm bg-white shadow-md md:mx-2 md:mb-5 lg:mx-5" id="situation_{situationsToCompareIndex.join('_')}" > <div class="flex justify-end rounded-t-md bg-gray-100 px-6 py-1"> diff --git a/src/lib/components/test_cases/TestCaseRelatedCarousel.svelte b/src/lib/components/test_cases/TestCaseRelatedCarousel.svelte index bfba9dc828eafe65a23a071b82a055dbce3eee61..f403b1e328e59e9d9df75ab0a9cfb0d9cbaebf19 100644 --- a/src/lib/components/test_cases/TestCaseRelatedCarousel.svelte +++ b/src/lib/components/test_cases/TestCaseRelatedCarousel.svelte @@ -103,7 +103,7 @@ type="button" > <div - class="overflow-hidden border-2 hover:border-le-bleu hover:bg-gray-200 md:rounded-md" + class="overflow-hidden rounded-md border-2 hover:border-le-bleu hover:bg-gray-200" class:border-le-bleu={isTestCaseSelected} id="situation_{situationIndex}_case_summary" > @@ -145,7 +145,7 @@ </div> {/each} <div - class="w-[80%] shrink-0 snap-center border-2 bg-white/30 hover:border-le-bleu hover:bg-gray-50/50 md:w-[400px] md:rounded-md" + class="w-[80%] shrink-0 snap-center rounded-md border-2 bg-white/30 hover:border-le-bleu hover:bg-gray-50/50 md:w-[400px]" > <button class="flex h-full min-h-[320px] w-full flex-col items-center justify-center gap-5" diff --git a/src/lib/components/variables/VariableReferredParameterHeader.svelte b/src/lib/components/variables/VariableReferredParameterHeader.svelte index 3da2f2396206a4b3b169247976ad22268b717f0d..ce27c58c07e42a3bf95eb113a56f80c73c83c234 100644 --- a/src/lib/components/variables/VariableReferredParameterHeader.svelte +++ b/src/lib/components/variables/VariableReferredParameterHeader.svelte @@ -36,7 +36,7 @@ ) let hasAnimationEnded = false - $: if (isElementInViewport) + $: if (isParameterSelected && isElementInViewport) setTimeout(() => { hasAnimationEnded = true goto( diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 798cd3918025f79046c1dd936032184fcf944f29..bdabccc196c99abce22036b1a93b075ef889951e 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1427,7 +1427,7 @@ {/if} {:else} {#if displayMode.parametersVariableName === "prime_partage_valeur_exoneree_exceptionnelle" || displayMode.parametersVariableName === "prime_partage_valeur_exoneree" || displayMode.parametersVariableName === "aah" || displayMode.parametersVariableName === "exoneration_cotisations_employeur_tode" || displayMode.parametersVariableName === "taxes_tous_carburants" || displayMode.parametersVariableName === "paje_cmg"} - <div class="mb-4 ml-4 flex flex-col md:ml-0"> + <div class="mx-2 mb-4 flex flex-col md:ml-0 lg:mx-5"> <p class="text-sm"> Cas types et situations illustrant le dispositif : </p>