From 448796e97eb1c43350013e55b1229c04c2c35eff Mon Sep 17 00:00:00 2001
From: Dorine Lambinet <dorine.lambinet@assemblee-nationale.fr>
Date: Mon, 10 Mar 2025 18:02:35 +0100
Subject: [PATCH] Centre le squelette du loader au milieu de la payslip
---
.../compare_mode/PaySlipCompareView.svelte | 51 +++++++++++--------
1 file changed, 30 insertions(+), 21 deletions(-)
diff --git a/src/lib/components/impacts_view/test_cases_view/test_case_selected/compare_mode/PaySlipCompareView.svelte b/src/lib/components/impacts_view/test_cases_view/test_case_selected/compare_mode/PaySlipCompareView.svelte
index 746b0427e..de17c2cc9 100644
--- a/src/lib/components/impacts_view/test_cases_view/test_case_selected/compare_mode/PaySlipCompareView.svelte
+++ b/src/lib/components/impacts_view/test_cases_view/test_case_selected/compare_mode/PaySlipCompareView.svelte
@@ -356,27 +356,36 @@
<div class="h-full justify-center pl-1 text-sm">
<!--Si la valeur charge, alors un squelette est affiché -->
{#if showLoader && runningCalculationNames.length > 0}
- {#if runningCalculationNames.includes("law") || runningCalculationNames.includes("revaluation")}
- <span
- class="animate-pulse-2 bg-gray-500 px-1 text-black blur-xs"
- >
- <span class="text-white blur">value €</span>
- </span>
- {/if}
- {#if runningCalculationNames.includes("bill")}
- <span
- class="animate-pulse-2 bg-le-rouge-bill px-1 text-black blur-xs"
- >
- <span class="text-white blur">value €</span>
- </span>
- {/if}
- {#if runningCalculationNames.includes("amendment") && modificationsAmendmentCount > 0}
- <span
- class="animate-pulse-2 bg-le-jaune px-1 text-black blur-xs"
- >
- <span class="text-white blur">value €</span>
- </span>
- {/if}
+ <div class="flex w-full justify-center">
+ {#each iterToDepth(depth)}
+ <div class="-mr-3"></div>
+ {/each}
+ {#if runningCalculationNames.includes("law") || runningCalculationNames.includes("revaluation")}
+ <span
+ class="animate-pulse-2 bg-gray-500 px-1 text-black blur-xs"
+ >
+ <span class="text-white blur">value €</span>
+ </span>
+ {/if}
+
+ {#if runningCalculationNames.includes("bill")}
+ {#each iterToDepth(depth)}
+ <div class="-mr-3"></div>
+ {/each}
+ <span
+ class="animate-pulse-2 bg-le-rouge-bill px-1 text-black blur-xs"
+ >
+ <span class="text-white blur">value €</span>
+ </span>
+ {/if}
+ {#if runningCalculationNames.includes("amendment") && modificationsAmendmentCount > 0}
+ <span
+ class="animate-pulse-2 bg-le-jaune px-1 text-black blur-xs"
+ >
+ <span class="text-white blur">value €</span>
+ </span>
+ {/if}
+ </div>
<!--Si la valeur du cas type 0 est égale à la valeur du cas type 1 : Une seule valeur est alors affichée -->
{:else if deltaAtVectorIndexArray[0] === deltaAtVectorIndexArray[1]}
<div class="flex w-full justify-center">
--
GitLab