Skip to content
Snippets Groups Projects
Commit 34bcbff3 authored by Emmanuel Raviart's avatar Emmanuel Raviart
Browse files

Merge branch 'fix-bug-affichage-tutoriel' into 'master' 

Fix bug affichage tutoriel

See merge request leximpact/leximpact-socio-fiscal-ui!30
parents b2cf0259 b96c6ae7
No related branches found
No related tags found
1 merge request!30Fix bug affichage tutoriel
Show whitespace changes
Inline Side-by-side
src/lib/components/NavBarAffairesSociales.svelte
+ 1
− 1
View file @ 34bcbff3
...@@ -432,7 +432,7 @@ ...@@ -432,7 +432,7 @@
</div> </div>
</nav> </nav>
<div <div
class="fixed mt-14 z-50 flex fond-bandeau-en-construction h-8 w-full items-center justify-center shadow-lg border-b border-t border-black" class="fixed mt-14 z-40 flex fond-bandeau-en-construction h-8 w-full items-center justify-center shadow-lg border-b border-t border-black"
> >
<div> <div>
<p class="text-center text-black tracking-wider font-base uppercase"> <p class="text-center text-black tracking-wider font-base uppercase">
......
src/lib/components/scholar_waterfalls/ScholarWaterfall.svelte
+ 3
− 3
View file @ 34bcbff3
...@@ -260,7 +260,7 @@ ...@@ -260,7 +260,7 @@
{#if node.open || index === 0} {#if node.open || index === 0}
{#if node.valuesX0Is0Array} {#if node.valuesX0Is0Array}
<div <div
class="hover:bg-white border-gray-400 overflow-ellipsis overflow-x-hidden hover:overflow-x-visible text-gray-400 hover:z-30" class="hover:bg-white border-gray-400 overflow-ellipsis overflow-x-hidden hover:overflow-x-visible text-gray-400 hover:z-20"
class:border-t={index !== 0} class:border-t={index !== 0}
> >
{#if advanced} {#if advanced}
...@@ -275,7 +275,7 @@ ...@@ -275,7 +275,7 @@
</div> </div>
{:else} {:else}
<div <div
class="hover:bg-white cursor-pointer hover:font-bold font-serif overflow-ellipsis overflow-x-hidden hover:overflow-x-visible text-le-gris-dispositif text-base hover:underline hover:z-30" class="hover:bg-white cursor-pointer hover:font-bold font-serif overflow-ellipsis overflow-x-hidden hover:overflow-x-visible text-le-gris-dispositif text-base hover:underline hover:z-20"
on:click={() => zoomOut(node.name)} on:click={() => zoomOut(node.name)}
> >
{node.label} {node.label}
...@@ -337,7 +337,7 @@ ...@@ -337,7 +337,7 @@
</div> </div>
<span <span
class="hover:bg-white cursor-pointer font-serif overflow-ellipsis overflow-x-hidden hover:overflow-x-visible hover:text-le-gris-dispositif text-base hover:underline hover:z-30" class="hover:bg-white cursor-pointer font-serif overflow-ellipsis overflow-x-hidden hover:overflow-x-visible hover:text-le-gris-dispositif text-base hover:underline hover:z-20"
on:click={() => { on:click={() => {
if ( if (
node.childrenName !== undefined && node.childrenName !== undefined &&
......
src/lib/components/tutorial/StartTutorial.svelte
+ 1
− 3
View file @ 34bcbff3
<div <div class="bg-white border-le-bleu-light border-4 shadow-lg rounded-md mx-5">
class="bg-white border-le-bleu-light border-4 shadow-lg rounded-md my-12 mx-2 xl:mx-10"
>
<h1 class="bg-le-bleu-light text-2xl font-light text-gray-600 py-3 px-4 "> <h1 class="bg-le-bleu-light text-2xl font-light text-gray-600 py-3 px-4 ">
Démarrer avec LexImpact Démarrer avec LexImpact
</h1> </h1>
......
src/routes/simulation.svelte
+ 36
− 32
View file @ 34bcbff3
...@@ -477,13 +477,14 @@ ...@@ -477,13 +477,14 @@
<div class="h-screen grid grid-cols-3 grid-rows-2 "> <div class="h-screen grid grid-cols-3 grid-rows-2 ">
<!-- Panneau de gauche les modifications de l'utilisateur (amendement et cas type)--> <!-- Panneau de gauche les modifications de l'utilisateur (amendement et cas type)-->
<div <div
class="row-span-2 col-span-3 lg:col-span-1 bg-white shadow-md h-screen z-40" class="row-span-2 col-span-3 lg:col-span-1 bg-white shadow-md h-screen z-30"
> >
<div class="bg-white h-full"> <div class="bg-white h-full">
{#if editionMode === null} {#if editionMode === null}
<div class="px-5 lg:fixed lg:w-1/3 bg-white mt-20"> <div class="px-5 fixed bg-white pt-20 w-full lg:w-1/3">
<div class="flex pt-5 justify-end pr-5"> <div class="flex pt-6 justify-end ">
<!-- Bouton de fermeture de l'édition du cas type --> <!-- Bouton de fermeture de l'édition du cas type -->
<div>
<button on:click={closeEditionPane}> <button on:click={closeEditionPane}>
<svg <svg
class="fill-current text-gray-500 hover:text-gray-900" class="fill-current text-gray-500 hover:text-gray-900"
...@@ -499,10 +500,13 @@ ...@@ -499,10 +500,13 @@
> >
</div> </div>
</div> </div>
</div>
<div class="pt-40">
<StartTutorial /> <StartTutorial />
</div>
{:else if editionMode.mode === "test_case"} {:else if editionMode.mode === "test_case"}
<div class="px-5 lg:fixed lg:w-1/3 bg-white mt-20"> <div class="px-5 fixed bg-white mt-20 w-full lg:w-1/3">
<div class="flex pt-5 justify-end"> <div class="flex pt-6 justify-end">
<!-- Bouton de fermeture de l'édition du cas type --> <!-- Bouton de fermeture de l'édition du cas type -->
<button on:click={closeEditionPane}> <button on:click={closeEditionPane}>
<svg <svg
...@@ -519,12 +523,12 @@ ...@@ -519,12 +523,12 @@
> >
</div> </div>
<h1 class="text-3xl font-bold text-gray-600 pb-5 md:pt-8"> <h1 class="text-3xl font-bold text-gray-600 pb-5 lg:pt-8">
Configurer le cas type Configurer le cas type
</h1> </h1>
</div> </div>
<div class="px-5 lg:overflow-scroll lg:h-screen lg:pt-52 bg-white"> <div class="px-5 overflow-scroll h-screen pt-44 lg:pt-52 bg-white">
<p class="text-sm my-4 text-gray-700 rounded bg-le-bleu-light p-2"> <p class="text-sm my-4 text-gray-700 rounded bg-le-bleu-light p-2">
📌 Par défaut, toutes les caractéristiques du cas type sont 📌 Par défaut, toutes les caractéristiques du cas type sont
considérées comme étant stables depuis 2 ans. considérées comme étant stables depuis 2 ans.
...@@ -568,8 +572,8 @@ ...@@ -568,8 +572,8 @@
</div> </div>
</div> </div>
{:else if editionMode.mode === "test_case_with_variable_inputs"} {:else if editionMode.mode === "test_case_with_variable_inputs"}
<div class="px-5 lg:fixed lg:w-1/3 bg-white mt-20"> <div class="px-5 fixed bg-white mt-20 w-full lg:w-1/3">
<div class="flex justify-end pt-5"> <div class="flex justify-end pt-6">
<!-- Bouton de fermeture de l'édition du cas type et des variables d'entrée--> <!-- Bouton de fermeture de l'édition du cas type et des variables d'entrée-->
<button on:click={closeEditionPane}> <button on:click={closeEditionPane}>
<svg <svg
...@@ -585,11 +589,11 @@ ...@@ -585,11 +589,11 @@
></button ></button
> >
</div> </div>
<h1 class="text-3xl font-bold text-gray-600 pb-5 md:pt-8"> <h1 class="text-3xl font-bold text-gray-600 pb-5 lg:pt-8">
Configurer le cas type Configurer le cas type
</h1> </h1>
</div> </div>
<div class="px-5 lg:overflow-scroll lg:h-screen lg:pt-52 bg-white"> <div class="px-5 overflow-scroll h-screen pt-44 lg:pt-52 bg-white">
<p class="text-sm my-4 text-gray-700 rounded bg-le-bleu-light p-2"> <p class="text-sm my-4 text-gray-700 rounded bg-le-bleu-light p-2">
📌 Par défaut, toutes les caractéristiques du cas type sont 📌 Par défaut, toutes les caractéristiques du cas type sont
considérées comme étant stables depuis 2 ans. considérées comme étant stables depuis 2 ans.
...@@ -617,8 +621,8 @@ ...@@ -617,8 +621,8 @@
/> />
</div> </div>
{:else if editionMode.mode === "variable_parameters"} {:else if editionMode.mode === "variable_parameters"}
<div class="px-5 lg:fixed lg:w-1/3 bg-white mt-20"> <div class="px-5 fixed bg-white mt-20 w-full lg:w-1/3">
<div class=" flex pt-5 justify-end"> <div class="flex pt-6 justify-end">
<!-- Bouton de fermeture de l'édition des paramètres --> <!-- Bouton de fermeture de l'édition des paramètres -->
<button on:click={closeEditionPane}> <button on:click={closeEditionPane}>
<svg <svg
...@@ -634,7 +638,7 @@ ...@@ -634,7 +638,7 @@
></button ></button
> >
</div> </div>
<h1 class="text-3xl font-bold text-gray-600 pb-5 md:mt-10"> <h1 class="text-3xl font-bold text-gray-600 pb-5 lg:pt-8 ">
Amender la loi Amender la loi
</h1> </h1>
</div> </div>
...@@ -655,7 +659,7 @@ ...@@ -655,7 +659,7 @@
</div> </div>
</div> </div>
--> -->
<div class="px-5 lg:overflow-scroll lg:h-screen lg:pt-52 bg-white"> <div class="px-5 overflow-scroll h-screen pt-48 lg:pt-56 bg-white">
<div class="bg-gray-100 pb-3"> <div class="bg-gray-100 pb-3">
<VariableReferredParametersPane <VariableReferredParametersPane
{date} {date}
...@@ -668,7 +672,7 @@ ...@@ -668,7 +672,7 @@
</div> </div>
<!-- Panneau de droite pour les impacts et notamment le waterfall--> <!-- Panneau de droite pour les impacts et notamment le waterfall-->
<div class="row-span-2 col-span-3 lg:col-span-2 "> <div class="row-span-2 col-span-3 lg:col-span-2 ">
<div class="fixed pt-24 lg:mt-20 lg:pt-4 fond lg:w-2/3 z-30 px-4 mx-1"> <div class="fixed pt-24 lg:mt-20 lg:pt-4 fond lg:w-2/3 z-20 px-4 mx-1">
<div class="flex justify-between mb-4"> <div class="flex justify-between mb-4">
<label <label
><input bind:checked={$adaptAmountsScale} type="checkbox" /> ><input bind:checked={$adaptAmountsScale} type="checkbox" />
...@@ -709,11 +713,11 @@ ...@@ -709,11 +713,11 @@
</div> </div>
</div> </div>
<h1 class="pt-3 text-3xl font-bold text-gray-600 pb-5 "> <h1 class="pt-3 text-3xl font-bold text-gray-600 pb-5 ">
Visualiser les impacts sur un cas type de salarié Visualiser les cotis. & presta. sociales d'un cas type
</h1> </h1>
</div> </div>
<!-- Cas types avec leur waterfall --> <!-- Cas types avec leur waterfall -->
<div class=" lg:pt-56 px-5 lg:h-screen h-full lg:overflow-scroll z-30"> <div class=" lg:pt-56 px-5 lg:h-screen h-full lg:overflow-scroll z-20">
<TestCasesPane <TestCasesPane
on:changeAxes={changeAxes} on:changeAxes={changeAxes}
on:changeVectorIndex={changeVectorIndex} on:changeVectorIndex={changeVectorIndex}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment