From 0639e487bc6d283ad568b2d734b9bd683404b5a9 Mon Sep 17 00:00:00 2001
From: Dorine Lambinet <dorine.lambinet@gmail.com>
Date: Wed, 4 Aug 2021 18:30:19 +0200
Subject: [PATCH] =?UTF-8?q?Ajoute=20les=20styles=20des=20textes=20barr?=
 =?UTF-8?q?=C3=A9s=20sans=20avoir=20cr=C3=A9=C3=A9=20le=20else/if?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/test_cases/TestCaseView.svelte   | 14 ++++++++------
 tailwind.config.cjs                             | 17 +++++++++++++++++
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/test_cases/TestCaseView.svelte b/src/lib/components/test_cases/TestCaseView.svelte
index 333044c61..b06310b03 100644
--- a/src/lib/components/test_cases/TestCaseView.svelte
+++ b/src/lib/components/test_cases/TestCaseView.svelte
@@ -464,13 +464,15 @@
         class=" text-2xl font-bold"
         title="⚠️ Les dispositifs n'étant pas tous à jour, ce montant est à considérer avec prudence"
       >
-        {euroAmountFormatter.format(
-          evaluationByNameArrayByCalculationName.law[situationIndex][
-            rootDecompositionName
-          ].deltaAtVectorIndex ?? 0,
-        )}
+        <span class="line-through-bill">
+          {euroAmountFormatter.format(
+            evaluationByNameArrayByCalculationName.law[situationIndex][
+              rootDecompositionName
+            ].deltaAtVectorIndex ?? 0,
+          )}
+        </span>
         {#if $billName !== undefined}
-          <span class="text-le-rouge-pjl">
+          <span class="text-le-rouge-pjl line-through-reform">
             {euroAmountFormatter.format(
               evaluationByNameArrayByCalculationName.bill[situationIndex][
                 rootDecompositionName
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 8c413123c..f12bd1f0f 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -34,6 +34,23 @@ const config = {
   variants: {
     extend: {},
   },
+  plugins: [
+    function ({addUtilities}) {
+      const extendLineThrough = {
+          '.line-through-bill': {
+              'textDecoration': 'line-through',
+              'text-decoration-color': 'rgba(255, 107, 107,0.7)',
+              'text-decoration-thickness': '2px'
+          },
+          '.line-through-reform': {
+            'textDecoration': 'line-through',
+            'text-decoration-color': 'rgba(222, 213, 0,0.7)',
+            'text-decoration-thickness': '2px'
+        },
+      }
+      addUtilities(extendLineThrough)
+ }
+  ],
 }
 
 module.exports = config
-- 
GitLab