From 164c1034f40e1a1b97cc472642a9231038fbd8bb Mon Sep 17 00:00:00 2001
From: Dorine Lambinet <dorine.lambinet@assemblee-nationale.fr>
Date: Mon, 10 Mar 2025 14:03:03 +0100
Subject: [PATCH] Fix les bordures qui permettent de suivre les variables
 enfants

---
 .../compare_mode/PaySlipCompareView.svelte          | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 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 fa7b9c557..6d6dcdc0f 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
@@ -186,6 +186,7 @@
         class:text-lg={decomposition.name ===
           displayMode.parametersVariableName}
       >
+        <!--Indentation pour chaque niveau de l'arbre, illustré par une bordure-->
         {#each iterToDepth(depth)}
           <div
             class={`min-h-full border-l-2 pr-3 ${
@@ -223,8 +224,6 @@
                         class="cursor-pointer overflow-x-hidden text-ellipsis text-gray-500 hover:z-20 hover:overflow-x-visible hover:bg-white hover:bg-opacity-90 hover:pr-1 hover:text-le-gris-dispositif-dark hover:underline"
                         class:font-bold={decomposition.name ===
                           displayMode.parametersVariableName}
-                        class:hover:absolute={decomposition.name !==
-                          displayMode.parametersVariableName}
                         href={getCorrectSimulationUrl(decomposition.name)}
                         data-sveltekit-noscroll
                         >{decomposition.short_label ?? decomposition.label}</a
@@ -381,6 +380,10 @@
                   <!--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">
+                    <!--Retrait de la marge appliquée avec l'identation-->
+                    {#each iterToDepth(depth)}
+                      <div class="-mr-3"></div>
+                    {/each}
                     {#if trunk && index !== 0}
                       <span
                         class={calculationName === firstCalculationName
@@ -434,7 +437,7 @@
                         class:opacity-20={decomposition.open}
                         class:text-base={decomposition.name !==
                           displayMode.parametersVariableName}
-                        class:text-3xl={decomposition.name ===
+                        class:text-2xl={decomposition.name ===
                           displayMode.parametersVariableName}
                         class:font-semibold={decomposition.name ===
                           displayMode.parametersVariableName}
@@ -446,6 +449,10 @@
                   <!--Si la valeur du cas type 0 est DIFFÉRENTE de la valeur du cas type 1 : les deux valeurs sont affichées côte à côte -->
                 {:else}
                   <div class="flex w-full text-center">
+                    <!--Retrait de la marge appliquée avec l'identation-->
+                    {#each iterToDepth(depth)}
+                      <div class="-mr-3"></div>
+                    {/each}
                     <div class="mx-4 w-1/2">
                       {#if trunk && index !== 0}
                         <span
-- 
GitLab