Affichage du panneau d'information en permanence

src/app.postcss

@@ -18,10 +18,10 @@
 
 @layer components {
   .link {
-    @apply underline hover:text-le-bleu;
+    @apply underline hover:text-le-bleu cursor-pointer;
   }
   .link2 {
-    @apply underline hover:text-gray-800;
+    @apply underline hover:text-gray-800 cursor-pointer;
   }
   .opacity-0-unclickable {
     @apply pointer-events-none opacity-0;

src/routes/+page.svelte

@@ -32,7 +32,7 @@
   import CopyClipboard from "$lib/components/CopyClipboard.svelte"
   import CsgBudgetView from "$lib/components/CsgBudgetView.svelte"
   import CsgGagnantsPerdantsView from "$lib/components/CsgGagnantsPerdantsView.svelte"
-  import IntroWarningBillModale from "$lib/components/IntroWarningBillModale.svelte"
+  import IntroWarningBillModal from "$lib/components/IntroWarningBillModal.svelte"
   import IrBudgetView from "$lib/components/IrBudgetView.svelte"
   import IrGagnantsPerdantsView from "$lib/components/IrGagnantsPerdantsView.svelte"
   import PersistentPopover from "$lib/components/PersistentPopover.svelte"
@@ -145,6 +145,7 @@
   const isSearchActive = getContext("isSearchActive") as Writable<boolean>
   let isTestCaseSelectModalOpen = false
   let isUserModificationsOpen = false
+  let introWarningBillModalOpen = false
   setContext("newSelfTargetAProps", newSelfTargetAProps)
   setContext("onCopyParameterLink", onCopyParameterLink)
   const parametricReform = getContext(
@@ -847,8 +848,6 @@
   class:after:content-none={!$isSearchActive}
   class:overflow-hidden={$isSearchActive}
 >
-  <IntroWarningBillModale />
-
   <div
     class="flex flex-[1_0_100%] flex-col overflow-x-clip transition-transform duration-500 ease-in-out-quart md:overflow-hidden"
     class:!translate-x-[-33.3%]={displayMode.edit !== undefined}
@@ -1346,6 +1345,30 @@
           class:pb-24={$testCasesIndex.length === 1 &&
             displayMode.parametersVariableName === undefined}
         >
+          <div class="shadow-md border bg-white mx-5 rounded-md mb-5">
+            <div
+              class="flex items-center justify-between bg-le-gris-dispositif-light border-b border-le-gris-dispositif py-1 px-2 lg:px-5"
+            >
+              <span
+                class="text-le-gris-dispositif-dark font-bold uppercase tracking-wider text-base"
+                ><iconify-icon
+                  class="mr-1 align-[-0.15rem] text-lg"
+                  icon="ri-information-line"
+                /> Information : Le simulateur configuré en vue de la période budgétaire
+              </span>
+            </div>
+            <p class="px-2 lg:px-5 w-full text-left text-base py-1">
+              ⚠️ L'hypothèse attendue pour 2024 actuellement affichée sera
+              confirmée par le PLF et le PLFSS en octobre. <a
+                class="link"
+                on:click={() => (introWarningBillModalOpen = true)}
+              >
+                En savoir plus
+              </a>
+            </p>
+
+            <IntroWarningBillModal bind:isOpen={introWarningBillModalOpen} />
+          </div>
           {#if displayMode.budget}
             {#if displayMode.parametersVariableName !== undefined}
               <div class="mb-6 flex flex-col px-2 lg:px-5 w-screen md:w-full">