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