From 823fc4a1bbb8eaad0f54e361cc5102c24ffb1d55 Mon Sep 17 00:00:00 2001
From: Toufic Batache <taffou2a@gmail.com>
Date: Thu, 8 Jun 2023 11:27:02 +0200
Subject: [PATCH] Fix layout & logic bugs
---
src/lib/components/test_cases/TestCaseCompareView.svelte | 2 +-
src/lib/components/test_cases/TestCaseRelatedCarousel.svelte | 4 ++--
.../variables/VariableReferredParameterHeader.svelte | 2 +-
src/routes/+page.svelte | 2 +-
4 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/src/lib/components/test_cases/TestCaseCompareView.svelte b/src/lib/components/test_cases/TestCaseCompareView.svelte
index d1ebed16f..b1877fb4d 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 bfba9dc82..f403b1e32 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 3da2f2396..ce27c58c0 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 798cd3918..bdabccc19 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>
--
GitLab