From 99ace132f58c1af5d5f261c98498b030840a3baa Mon Sep 17 00:00:00 2001 From: Caroline <4971715+carolineBda@users.noreply.github.com> Date: Tue, 24 Sep 2024 17:03:00 +0200 Subject: [PATCH] fix(typo): typo dans le titre de rupture conventionnelle + update de l'animation sur le bouton du questionnaire (#6164) --- .../__snapshots__/a-propos.test.tsx.snap | 7 +- .../droit-du-travail.test.js.snap | 7 +- .../fiche-ministere-travail.test.tsx.snap | 7 +- .../glossaire-[slug].test.tsx.snap | 7 +- .../__snapshots__/glossaire.test.tsx.snap | 7 +- .../mentions-legales.test.tsx.snap | 7 +- .../modeles-de-courriers-[slug].test.tsx.snap | 7 +- .../modeles-de-courriers.test.tsx.snap | 7 +- .../__snapshots__/recherche.test.js.snap | 7 +- .../__snapshots__/stats.test.tsx.snap | 7 +- .../__snapshots__/themes.test.tsx.snap | 7 +- .../code-du-travail-frontend/next.config.mjs | 2 +- .../static/assets/img/ministere_logo.svg | 450 ++++++++---------- .../src/integration/data/integration.json | 12 +- .../src/layout/Feedback/index.tsx | 48 +- 15 files changed, 298 insertions(+), 291 deletions(-) diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap index 597e8496c4..124d588e3d 100644 --- a/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap +++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap @@ -171,7 +171,7 @@ exports[` should render 1`] = ` aria-expanded="false" aria-haspopup="dialog" aria-label="Donner votre avis" - class="sc-gweoQa cNsAQO" + class="sc-gweoQa cuLwRV" data-tally-open="3jLRW1" data-tally-overlay="1" data-tally-width="500" @@ -179,9 +179,12 @@ exports[` should render 1`] = ` + + Donnez votre avis +
should render 1`] = ` aria-expanded="false" aria-haspopup="dialog" aria-label="Donner votre avis" - class="sc-cspYLC glVGby" + class="sc-cspYLC kcRZKx" data-tally-open="3jLRW1" data-tally-overlay="1" data-tally-width="500" @@ -179,9 +179,12 @@ exports[` should render 1`] = ` + + Donnez votre avis +
should render 1`] = ` aria-expanded="false" aria-haspopup="dialog" aria-label="Donner votre avis" - class="sc-djVXDX jKQVBA" + class="sc-djVXDX eyMLIL" data-tally-open="3jLRW1" data-tally-overlay="1" data-tally-width="500" @@ -179,9 +179,12 @@ exports[` should render 1`] = ` + + Donnez votre avis +
should render 1`] = ` aria-expanded="false" aria-haspopup="dialog" aria-label="Donner votre avis" - class="sc-gweoQa cNsAQO" + class="sc-gweoQa cuLwRV" data-tally-open="3jLRW1" data-tally-overlay="1" data-tally-width="500" @@ -179,9 +179,12 @@ exports[` should render 1`] = ` + + Donnez votre avis +
should render 1`] = ` aria-expanded="false" aria-haspopup="dialog" aria-label="Donner votre avis" - class="sc-gweoQa cNsAQO" + class="sc-gweoQa cuLwRV" data-tally-open="3jLRW1" data-tally-overlay="1" data-tally-width="500" @@ -179,9 +179,12 @@ exports[` should render 1`] = ` + + Donnez votre avis +
should render 1`] = ` aria-expanded="false" aria-haspopup="dialog" aria-label="Donner votre avis" - class="sc-gweoQa cNsAQO" + class="sc-gweoQa cuLwRV" data-tally-open="3jLRW1" data-tally-overlay="1" data-tally-width="500" @@ -179,9 +179,12 @@ exports[` should render 1`] = ` + + Donnez votre avis +
should render 1`] = ` aria-expanded="false" aria-haspopup="dialog" aria-label="Donner votre avis" - class="sc-gweoQa cNsAQO" + class="sc-gweoQa cuLwRV" data-tally-open="3jLRW1" data-tally-overlay="1" data-tally-width="500" @@ -179,9 +179,12 @@ exports[` should render 1`] = ` + + Donnez votre avis +
should render 1`] = ` aria-expanded="false" aria-haspopup="dialog" aria-label="Donner votre avis" - class="sc-gweoQa cNsAQO" + class="sc-gweoQa cuLwRV" data-tally-open="3jLRW1" data-tally-overlay="1" data-tally-width="500" @@ -179,9 +179,12 @@ exports[` should render 1`] = ` + + Donnez votre avis +
should render 1`] = ` aria-expanded="false" aria-haspopup="dialog" aria-label="Donner votre avis" - class="sc-kUdmhA xUBcm" + class="sc-kUdmhA iSfTtt" data-tally-open="3jLRW1" data-tally-overlay="1" data-tally-width="500" @@ -99,9 +99,12 @@ exports[` should render 1`] = ` + + Donnez votre avis +
should render 1`] = ` aria-expanded="false" aria-haspopup="dialog" aria-label="Donner votre avis" - class="sc-gweoQa cNsAQO" + class="sc-gweoQa cuLwRV" data-tally-open="3jLRW1" data-tally-overlay="1" data-tally-width="500" @@ -179,9 +179,12 @@ exports[` should render 1`] = ` + + Donnez votre avis +
should render 1`] = ` aria-expanded="false" aria-haspopup="dialog" aria-label="Donner votre avis" - class="sc-jdkBTo fpshfY" + class="sc-jdkBTo fNAEdb" data-tally-open="3jLRW1" data-tally-overlay="1" data-tally-width="500" @@ -179,9 +179,12 @@ exports[` should render 1`] = ` + + Donnez votre avis +
- + - - - - + + c2.4,1.4,4.9,2,7.4,2s4.5-0.6,5.9-1.9s2.2-3,2.2-5.3c0-1.7-0.7-3.3-2-4.7s-4.4-3.1-9-5.1c-3.6-1.6-6.2-2.8-7.9-3.9 + c-1.7-1-3.1-2.1-4.3-3.2c-1.8-1.7-3.1-3.6-4-5.7c-0.9-2.1-1.3-4.5-1.3-7.2c0-5.2,1.9-9.5,5.8-13s8.7-5.3,14.5-5.3 + c4.3,0,8.3,0.9,12,2.7s7,4.4,10,8l-9.4,8.5c-2-2.6-4.1-4.6-6.2-5.9c-2.1-1.3-4.2-2-6.4-2c-2.2,0-4,0.6-5.4,1.9 + c-1.4,1.3-2.1,2.9-2.1,4.8c0,1.7,0.7,3.3,2,4.6s4.3,3,9,5c3.6,1.6,6.3,2.9,8,3.9s3.2,2.1,4.4,3.2c1.8,1.7,3.1,3.7,4,5.9 + s1.3,4.6,1.3,7.2c-0.1,5.7-2,10.3-5.9,13.8C330.7,274.2,325.7,276,319.5,276z"/> - + - + c-1.5-1.4-3.6-2.2-6.3-2.2h-7.2V238h7.2c2.7,0,4.8-0.7,6.3-2.2C489.5,234.4,490.3,232.4,490.3,229.8z"/> + - + + c-1.5-1.4-3.6-2.2-6.3-2.2h-7.2V330h7.2c2.7,0,4.8-0.7,6.3-2.2C329.9,326.4,330.6,324.4,330.6,321.8z"/> @@ -112,87 +52,84 @@ - + - - + - - - + + - + - + - + C273.6,502.3,276.8,509.8,276.8,518.7z M243.5,498.8h-12.2v39.8h12.2c5.8,0,10.6-1.9,14.4-5.7s5.8-8.5,5.8-14.2 + s-1.9-10.4-5.7-14.2C254.1,500.7,249.3,498.8,243.5,498.8z"/> + - + - - + + V514h7.2c2.7,0,4.8-0.7,6.3-2.2C667.4,510.4,668.2,508.4,668.2,505.8z"/> - + - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/code-du-travail-frontend/src/integration/data/integration.json b/packages/code-du-travail-frontend/src/integration/data/integration.json index 6363fb5c8a..57b1b76e00 100644 --- a/packages/code-du-travail-frontend/src/integration/data/integration.json +++ b/packages/code-du-travail-frontend/src/integration/data/integration.json @@ -50,14 +50,14 @@ "id": "indemnite-licenciement" }, "indemnite-rupture-conventionnelle": { - "metaTitle": "Intégrer l’outil de calcul de l'indemnité de rupture conventionnel du Code du travail numérique", - "metaDescription": "Intégrer l’outil d'indemnité de rupture conventionnel du Code du travail numérique sur votre site grâce à un module (widget).", - "title": "Intégrer l’outil de calcul de l'indemnité de rupture conventionnel du Code du travail numérique", + "metaTitle": "Intégrer l’outil de calcul de l'indemnité de rupture conventionnelle du Code du travail numérique", + "metaDescription": "Intégrer l’outil d'indemnité de rupture conventionnelle du Code du travail numérique sur votre site grâce à un module (widget).", + "title": "Intégrer l’outil de calcul de l'indemnité de rupture conventionnelle du Code du travail numérique", "description": [ - "Vous pouvez intégrer l’outil de calcul de l'indemnité de rupture conventionnel du Code du travail numérique sur votre site grâce à un module (widget). Ce module permettra à l’utilisateur de calculer le montant de l'indemnité à verser au salarié en cas de licenciement. Afin de personnaliser le résultat, l’utilisateur pourra, s’il le souhaite, renseigner ou rechercher (à partir du nom de l’entreprise) sa convention collective." + "Vous pouvez intégrer l’outil de calcul de l'indemnité de rupture conventionnelle du Code du travail numérique sur votre site grâce à un module (widget). Ce module permettra à l’utilisateur de calculer le montant de l'indemnité à verser au salarié en cas de licenciement. Afin de personnaliser le résultat, l’utilisateur pourra, s’il le souhaite, renseigner ou rechercher (à partir du nom de l’entreprise) sa convention collective." ], - "shortTitle": "Indemnité de rupture conventionnel", - "shortDescription": "Estimez le montant de l’indemnité à verser au salarié en cas de rupture conventionnel", + "shortTitle": "Indemnité de rupture conventionnelle", + "shortDescription": "Estimez le montant de l’indemnité à verser au salarié en cas de rupture conventionnelle", "url": "/widgets/indemnite-rupture-conventionnelle", "id": "indemnite-rupture-conventionnelle" }, diff --git a/packages/code-du-travail-frontend/src/layout/Feedback/index.tsx b/packages/code-du-travail-frontend/src/layout/Feedback/index.tsx index c47183d1ce..69852b424d 100644 --- a/packages/code-du-travail-frontend/src/layout/Feedback/index.tsx +++ b/packages/code-du-travail-frontend/src/layout/Feedback/index.tsx @@ -12,6 +12,7 @@ export const Feedback = (): React.ReactNode => { "click_bandeau", ]); }; + return ( <> @@ -29,6 +30,7 @@ export const Feedback = (): React.ReactNode => { src="/static/assets/img/emoj-wave.png" aria-hidden="true" /> + Donnez votre avis ); @@ -37,26 +39,56 @@ export const Feedback = (): React.ReactNode => { const ButtonSuggestion = styled.button` position: fixed; top: 22.5rem; - right: 0px; - width: 5.8rem; + right: -7.2rem; + width: 12.7rem; height: 5.8rem; background-color: hsl(220deg, calc(100% - 34%), 33%); border-radius: 3rem 0px 0px 3rem; - font-size: 2rem; border: none; box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 2px; z-index: 5; cursor: pointer; + display: flex; + padding-top: 10px; + + animation: moveLeftAndRight 30s ease-in-out infinite 5s; + + span { + color: white; + font-size: 14px; + padding-left: 5px; + } + + @keyframes moveLeftAndRight { + 0% { + right: -7.2rem; + } + 6.66% { + right: 0; + } + 23.33% { + right: 0; + } + 30% { + right: -7.2rem; + } + 100% { + right: -7.2rem; + } + } `; const ImgSuggestion = styled.img` - height: 1.4em; - width: 1.4em; - margin: 0px 0.05em 0px 0.1em; - vertical-align: -0.1em; + height: 28px; + width: 28px; + margin-top: 5px; + margin-left: 12px; + + animation: wiggle 2.5s ease 7.5s 1; + //transform-origin: 70% 70%; &:hover { animation: 2.5s ease 0s infinite normal none running wiggle; - transform-origin: 70% 70%; + //transform-origin: 70% 70%; } @keyframes wiggle { 0% {