From 33127b669320bc290d8dcea10d086403daf3a4d6 Mon Sep 17 00:00:00 2001
From: Dorine Lambinet <dorine.lambinet@gmail.com>
Date: Wed, 4 Aug 2021 18:04:35 +0200
Subject: [PATCH] Retire le flou et ajoute le code couleur

---
 .../components/test_cases/TestCaseView.svelte | 88 +++++++++++--------
 tailwind.config.cjs                           |  1 +
 2 files changed, 51 insertions(+), 38 deletions(-)

diff --git a/src/lib/components/test_cases/TestCaseView.svelte b/src/lib/components/test_cases/TestCaseView.svelte
index 4f674abf8..333044c61 100644
--- a/src/lib/components/test_cases/TestCaseView.svelte
+++ b/src/lib/components/test_cases/TestCaseView.svelte
@@ -459,9 +459,9 @@
         Revenus disponibles du cas type /an
       </p>
     </div>
-    <div class="filter blur-xs place-self-center ">
+    <div class="place-self-center ">
       <p
-        class="text-2xl font-bold"
+        class=" text-2xl font-bold"
         title="⚠️ Les dispositifs n'étant pas tous à jour, ce montant est à considérer avec prudence"
       >
         {euroAmountFormatter.format(
@@ -470,18 +470,22 @@
           ].deltaAtVectorIndex ?? 0,
         )}
         {#if $billName !== undefined}
-          {euroAmountFormatter.format(
-            evaluationByNameArrayByCalculationName.bill[situationIndex][
-              rootDecompositionName
-            ].deltaAtVectorIndex ?? 0,
-          )}
+          <span class="text-le-rouge-pjl">
+            {euroAmountFormatter.format(
+              evaluationByNameArrayByCalculationName.bill[situationIndex][
+                rootDecompositionName
+              ].deltaAtVectorIndex ?? 0,
+            )}
+          </span>
         {/if}
         {#if Object.keys($reform).length > 0}
-          {euroAmountFormatter.format(
-            evaluationByNameArrayByCalculationName.amendment[situationIndex][
-              rootDecompositionName
-            ].deltaAtVectorIndex ?? 0,
-          )}
+          <span class="text-black bg-le-jaune px-1">
+            {euroAmountFormatter.format(
+              evaluationByNameArrayByCalculationName.amendment[situationIndex][
+                rootDecompositionName
+              ].deltaAtVectorIndex ?? 0,
+            )}
+          </span>
         {/if}
       </p>
     </div>
@@ -492,7 +496,7 @@
     <div>
       <p class="text-sm leading-none text-center">Coût pour l'entreprise /an</p>
     </div>
-    <div class="filter blur-xs place-self-center">
+    <div class="place-self-center">
       <p
         class="text-base"
         title="⚠️ Les dispositifs n'étant pas tous à jour, ce montant est à considérer avec prudence"
@@ -503,18 +507,22 @@
           ].deltaAtVectorIndex ?? 0,
         )}
         {#if $billName !== undefined}
-          {euroAmountFormatter.format(
-            evaluationByNameArrayByCalculationName.bill[situationIndex][
-              firstDecompositionName
-            ].deltaAtVectorIndex ?? 0,
-          )}
+          <span class="text-le-rouge-pjl">
+            {euroAmountFormatter.format(
+              evaluationByNameArrayByCalculationName.bill[situationIndex][
+                firstDecompositionName
+              ].deltaAtVectorIndex ?? 0,
+            )}
+          </span>
         {/if}
         {#if Object.keys($reform).length > 0}
-          {euroAmountFormatter.format(
-            evaluationByNameArrayByCalculationName.amendment[situationIndex][
-              firstDecompositionName
-            ].deltaAtVectorIndex ?? 0,
-          )}
+          <span class="text-black bg-le-jaune px-1">
+            {euroAmountFormatter.format(
+              evaluationByNameArrayByCalculationName.amendment[situationIndex][
+                firstDecompositionName
+              ].deltaAtVectorIndex ?? 0,
+            )}
+          </span>
         {/if}
       </p>
     </div>
@@ -527,7 +535,7 @@
         Coût ou gain pour l'État /an
       </p>
     </div>
-    <div class="filter blur-xs place-self-center">
+    <div class=" place-self-center">
       <p
         class="text-base"
         title="⚠️ Les dispositifs n'étant pas tous à jour, ce montant est à considérer avec prudence"
@@ -541,24 +549,28 @@
             ].deltaAtVectorIndex ?? 0),
         )}
         {#if $billName !== undefined}
-          {euroAmountFormatter.format(
-            (evaluationByNameArrayByCalculationName.bill[situationIndex][
-              firstDecompositionName
-            ].deltaAtVectorIndex ?? 0) -
+          <span class="text-le-rouge-pjl">
+            {euroAmountFormatter.format(
               (evaluationByNameArrayByCalculationName.bill[situationIndex][
-                rootDecompositionName
-              ].deltaAtVectorIndex ?? 0),
-          )}
+                firstDecompositionName
+              ].deltaAtVectorIndex ?? 0) -
+                (evaluationByNameArrayByCalculationName.bill[situationIndex][
+                  rootDecompositionName
+                ].deltaAtVectorIndex ?? 0),
+            )}
+          </span>
         {/if}
         {#if Object.keys($reform).length > 0}
-          {euroAmountFormatter.format(
-            (evaluationByNameArrayByCalculationName.amendment[situationIndex][
-              firstDecompositionName
-            ].deltaAtVectorIndex ?? 0) -
+          <span class="text-black bg-le-jaune px-1">
+            {euroAmountFormatter.format(
               (evaluationByNameArrayByCalculationName.amendment[situationIndex][
-                rootDecompositionName
-              ].deltaAtVectorIndex ?? 0),
-          )}
+                firstDecompositionName
+              ].deltaAtVectorIndex ?? 0) -
+                (evaluationByNameArrayByCalculationName.amendment[
+                  situationIndex
+                ][rootDecompositionName].deltaAtVectorIndex ?? 0),
+            )}
+          </span>
         {/if}
       </p>
     </div>
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index cb5a38a4b..8c413123c 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -23,6 +23,7 @@ const config = {
       },
       blur: {
         xs: '1.2px',
+        xxs: '0.8px',
       }
     },
     fontFamily: {
-- 
GitLab