diff --git a/site/source/design-system/accordion/index.tsx b/site/source/design-system/accordion/index.tsx index e6fe49724..3d43d083e 100644 --- a/site/source/design-system/accordion/index.tsx +++ b/site/source/design-system/accordion/index.tsx @@ -103,7 +103,7 @@ export const Accordion = ( {title} {isFoldable && ( - + (allItemsOpen ? closeAll() : openAll())} @@ -204,17 +204,10 @@ const StyledTitle = styled.h3` const StyledAccordionItem = styled.div` &:not(:first-child) { border-top: 1px solid ${({ theme }) => theme.colors.bases.primary[400]}; - @media print { - border-top: none; - } } ` const StyledButton = styled.button<{ $variant?: 'light' }>` -@media print { - margin: 0; - padding: 0; -} display: flex; width: 100%; background: none; @@ -269,11 +262,6 @@ const StyledContent = styled(animated.div)<{ $variant?: 'light' }>` overflow: hidden; - @media print { - overflow: visible; - display: table; - > div {margin: 1rem 0 !important;} - } > div { margin: ${({ theme, $variant }) => $variant !== 'light' && theme.spacings.lg}; diff --git a/site/source/pages/simulateurs/comparaison-statuts/components/Comparateur.tsx b/site/source/pages/simulateurs/comparaison-statuts/components/Comparateur.tsx index 27473a57f..03cb6a4a3 100644 --- a/site/source/pages/simulateurs/comparaison-statuts/components/Comparateur.tsx +++ b/site/source/pages/simulateurs/comparaison-statuts/components/Comparateur.tsx @@ -102,7 +102,7 @@ function Comparateur({ namedEngines }: { namedEngines: EngineComparison }) { paddingTop: '1rem', }} > - + diff --git a/site/source/pages/simulateurs/comparaison-statuts/components/DetailsRowCards.tsx b/site/source/pages/simulateurs/comparaison-statuts/components/DetailsRowCards.tsx index 32040ada6..fe01ee179 100644 --- a/site/source/pages/simulateurs/comparaison-statuts/components/DetailsRowCards.tsx +++ b/site/source/pages/simulateurs/comparaison-statuts/components/DetailsRowCards.tsx @@ -87,11 +87,12 @@ const DetailsRowCards = ({ .filter((arrayOfStatus) => arrayOfStatus.length > 0) return ( - + {groupedOptions.map((sameValueOptions) => { const statusObject = sameValueOptions[0] + return ( - - + ) })} - + ) } const StyledSmall = styled.small` @@ -231,18 +232,6 @@ const StyledDiv = styled.div` display: flex; align-items: center; ` -const StyledGrid = styled(Grid)` - @media print { - width: 33%; - padding: 5px; -} -` - -const StyledGridContainer = styled(Grid)` - @media print { - margin-left: -5px; -} -` export default DetailsRowCards const StyledBody = styled(Body)` @@ -253,7 +242,4 @@ const StyledBody = styled(Body)` font-weight: 700; margin: 0; margin-top: 0.75rem; - @media print { - font-size: 18px; -} ` diff --git a/site/source/pages/simulateurs/comparaison-statuts/components/Détails.tsx b/site/source/pages/simulateurs/comparaison-statuts/components/Détails.tsx index ecc3563c1..bf268e9d5 100644 --- a/site/source/pages/simulateurs/comparaison-statuts/components/Détails.tsx +++ b/site/source/pages/simulateurs/comparaison-statuts/components/Détails.tsx @@ -37,7 +37,7 @@ const Détails = ({ : theme.colors.bases.primary[200] } > - - - Vos revenus  @@ -58,7 +57,6 @@ const Détails = ({ key="revenus" hasChildItems={false} > - Revenu net mensuel après impôts @@ -159,9 +157,9 @@ const Détails = ({ )} /> - - - + + Vos droits pour la retraite  @@ -171,7 +169,6 @@ const Détails = ({ key="retraite" hasChildItems={false} > - Le montant de votre retraite est constitué de{' '} @@ -200,8 +197,7 @@ const Détails = ({ namedEngines={namedEngines} unit="€/mois" /> - - + Retraite complémentaire @@ -228,9 +224,8 @@ const Détails = ({ unit="€/mois" evolutionLabel={au bout de 10 ans} /> - - - + Vos prestations santé  @@ -240,7 +235,6 @@ const Détails = ({ key="santé" hasChildItems={false} > - )} /> - - + Accident du travail et maladie professionnelle @@ -347,9 +340,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} /> - - - + La maternité, paternité et adoption  @@ -359,7 +351,6 @@ const Détails = ({ key="enfants" hasChildItems={false} > - - - + Maternité @@ -408,8 +398,7 @@ const Détails = ({ namedEngines={namedEngines} label={versés en deux fois} /> - - + Adoption @@ -429,9 +418,8 @@ const Détails = ({ namedEngines={namedEngines} label={versés en une fois} /> - - - + Votre couverture invalidité et décès  @@ -441,7 +429,6 @@ const Détails = ({ key="maladie" hasChildItems={false} > - Tous les statuts cotisent pour une{' '} @@ -498,8 +485,6 @@ const Détails = ({ } /> - - Pour une invalidité causée par un{' '} @@ -512,8 +497,7 @@ const Détails = ({ namedEngines={namedEngines} unit="€/mois" /> - - + Décès @@ -530,8 +514,7 @@ const Détails = ({ label="pour vos proches" namedEngines={namedEngines} /> - - + En plus du capital décès, une{' '} @@ -546,8 +529,7 @@ const Détails = ({ label={'maximum'} namedEngines={namedEngines} /> - - + Pour un décès survenu dans le cadre d’un{' '} @@ -562,8 +544,7 @@ const Détails = ({ unit="€/mois" label={t("en cas d'accident pro")} /> - - + Un capital « orphelin » est versé aux{' '} @@ -577,9 +558,8 @@ const Détails = ({ namedEngines={namedEngines} unit="€/enfant" /> - - - + @@ -590,7 +570,6 @@ const Détails = ({ key="administratif" hasChildItems={false} > - Coût de création @@ -609,8 +588,7 @@ const Détails = ({ namedEngines={namedEngines} leastIsBest /> - - + Statut du conjoint @@ -651,19 +629,14 @@ const Détails = ({ }} namedEngines={namedEngines} /> - - - + + ) } const StyledH4 = styled(H4)` color: ${({ theme }) => theme.colors.bases.primary[600]}; - @media print { - margin: 0 0 1rem 0; - } - ` // TODO : décommenter une fois l'implémentation du calcul des coûts de créations // ajouté à modèle-social @@ -689,7 +662,7 @@ const Precisions = styled.span` const StyledDiv = styled.div` display: flex; - + svg { width: 2.5rem; margin-right: 1rem; @@ -709,23 +682,4 @@ const BlackColoredLink = styled(StyledLink)` color: ${({ theme }) => theme.colors.extended.grey[800]}; ` -const OuterOuterContainer = styled.div` - @media print { - page-break-inside: avoid !important; - } -` - -const StyledAccordion = styled(Accordion)` -@media print { - page-break-after: avoid !important; - border: none !important; -} -` - -const StyledItem = styled(Item)` -@media print { - page-break-inside: avoid; -} -` - export default Détails diff --git a/site/source/pages/simulateurs/comparaison-statuts/components/ModifierOptions.tsx b/site/source/pages/simulateurs/comparaison-statuts/components/ModifierOptions.tsx index ee26103bb..c1f1f1a91 100644 --- a/site/source/pages/simulateurs/comparaison-statuts/components/ModifierOptions.tsx +++ b/site/source/pages/simulateurs/comparaison-statuts/components/ModifierOptions.tsx @@ -28,10 +28,8 @@ const DOTTEDNAME_ACRE = 'dirigeant . exonérations . ACRE' const ModifierOptions = ({ namedEngines, - className }: { - namedEngines: EngineComparison, - className?: string + namedEngines: EngineComparison }) => { const notAutoEntrepreneur = namedEngines.find(({ name }) => ['EI', 'EURL', 'SARL', 'SELARL', 'SELARLU'].includes(name) @@ -76,7 +74,6 @@ const ModifierOptions = ({ trigger={(buttonProps) => (