From 00f13d48f02bb6a610efc796f5a11a88c7516b12 Mon Sep 17 00:00:00 2001 From: Grunt471 Date: Sat, 25 Nov 2023 18:20:20 +0100 Subject: [PATCH] feat : ajout de mise en page pour l'impression --- .../components/D\303\251tails.tsx" | 69 ++++++++++++++++--- 1 file changed, 59 insertions(+), 10 deletions(-) diff --git "a/site/source/pages/simulateurs/comparaison-statuts/components/D\303\251tails.tsx" "b/site/source/pages/simulateurs/comparaison-statuts/components/D\303\251tails.tsx" index b2cb90c59f..05b51b634c 100644 --- "a/site/source/pages/simulateurs/comparaison-statuts/components/D\303\251tails.tsx" +++ "b/site/source/pages/simulateurs/comparaison-statuts/components/D\303\251tails.tsx" @@ -47,6 +47,7 @@ const Détails = ({ } isFoldable > + @@ -57,6 +58,8 @@ const Détails = ({ key="revenus" hasChildItems={false} > + + Revenu net mensuel après impôts @@ -157,8 +160,9 @@ const Détails = ({ )} /> + + - @@ -169,6 +173,8 @@ const Détails = ({ key="retraite" hasChildItems={false} > + + Le montant de votre retraite est constitué de{' '} @@ -197,7 +203,8 @@ const Détails = ({ namedEngines={namedEngines} unit="€/mois" /> - + + Retraite complémentaire @@ -224,6 +231,8 @@ const Détails = ({ unit="€/mois" evolutionLabel={au bout de 10 ans} /> + + + + + )} /> - + + Accident du travail et maladie professionnelle @@ -340,6 +353,8 @@ const Détails = ({ evolutionDottedName="protection sociale . maladie . accidents du travail et maladies professionnelles . indemmnités . à partir du 29ème jour" evolutionLabel={à partir du 29ème jour} /> + + + + - + + Maternité @@ -398,7 +416,8 @@ const Détails = ({ namedEngines={namedEngines} label={versés en deux fois} /> - + + Adoption @@ -418,6 +437,8 @@ const Détails = ({ namedEngines={namedEngines} label={versés en une fois} /> + + + + Tous les statuts cotisent pour une{' '} @@ -485,6 +508,8 @@ const Détails = ({ } /> + + Pour une invalidité causée par un{' '} @@ -497,7 +522,8 @@ const Détails = ({ namedEngines={namedEngines} unit="€/mois" /> - + + Décès @@ -514,7 +540,8 @@ const Détails = ({ label="pour vos proches" namedEngines={namedEngines} /> - + + En plus du capital décès, une{' '} @@ -529,7 +556,8 @@ const Détails = ({ label={'maximum'} namedEngines={namedEngines} /> - + + Pour un décès survenu dans le cadre d’un{' '} @@ -544,7 +572,8 @@ const Détails = ({ unit="€/mois" label={t("en cas d'accident pro")} /> - + + Un capital « orphelin » est versé aux{' '} @@ -558,6 +587,8 @@ const Détails = ({ namedEngines={namedEngines} unit="€/enfant" /> + + + + Coût de création @@ -588,7 +621,8 @@ const Détails = ({ namedEngines={namedEngines} leastIsBest /> - + + Statut du conjoint @@ -629,6 +663,8 @@ const Détails = ({ }} namedEngines={namedEngines} /> + + @@ -682,4 +718,17 @@ const BlackColoredLink = styled(StyledLink)` color: ${({ theme }) => theme.colors.extended.grey[800]}; ` + +const OuterOuterContainer = styled.div` + @media print { + page-break-inside: avoid; + } +` + +const OuterContainer = styled.div` +@media print { + page-break-after: always; +} +` + export default Détails