From 27f611e06fd9f0107b408bc561cb42c7ef23011b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9mi=20Pailharey?= <rpailharey@grandlyon.com>
Date: Mon, 20 Mar 2023 10:30:27 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=AC=20line=20break=20in=20SAU=20modal?=
=?UTF-8?q?=20text?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/components/Feedback/FeedbackModal.tsx | 3 ++-
src/components/Feedback/feedbackModal.scss | 4 ++--
src/locales/fr.json | 3 ++-
3 files changed, 6 insertions(+), 4 deletions(-)
diff --git a/src/components/Feedback/FeedbackModal.tsx b/src/components/Feedback/FeedbackModal.tsx
index 53a9130ee..fef7c2595 100644
--- a/src/components/Feedback/FeedbackModal.tsx
+++ b/src/components/Feedback/FeedbackModal.tsx
@@ -62,7 +62,8 @@ const FeedbackModal: React.FC<FeedbackModalProps> = ({
<div className="fb-root">
<StyledIcon icon={ecolyoIcon} size={80} />
<p className="title">{t('feedback.title')}</p>
- <p className="subtitle">{t('feedback.subtitle')}</p>
+ <p className="text">{t('feedback.text1')}</p>
+ <p className="text">{t('feedback.text2')}</p>
<div className="actions">
<Button
aria-label={t('feedback.later')}
diff --git a/src/components/Feedback/feedbackModal.scss b/src/components/Feedback/feedbackModal.scss
index dae85d4ca..379ceff5f 100644
--- a/src/components/Feedback/feedbackModal.scss
+++ b/src/components/Feedback/feedbackModal.scss
@@ -17,15 +17,15 @@
padding: 0.5rem;
}
- .subtitle {
+ .text {
color: $grey-bright;
- margin: 1rem 0 2rem;
}
.actions {
width: 100%;
display: flex;
justify-content: center;
+ margin-top: 1rem;
gap: 16px;
button {
margin-top: 0;
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 481897bcb..a2d0a8333 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -609,7 +609,8 @@
},
"feedback": {
"title": "Vous allez contacter le Service Assistance Utilisateur du Grand Lyon.",
- "subtitle": "Vous pourrez nous remonter un problème, chercher de l'aide pour vous connecter plus facilement, ou encore nous partager une bonne idée d'évolution. N'hésitez pas à nous écrire ! L'équipe Ecolyo vous répondra avec plaisir :)",
+ "text1": "Vous pourrez nous remonter un problème, chercher de l'aide pour vous connecter plus facilement, ou encore nous partager une bonne idée d'évolution.",
+ "text2": "N'hésitez pas à nous écrire ! L'équipe Ecolyo vous répondra avec plaisir :)",
"later": "Plus tard",
"lets_go": "J'y vais",
"accessibility": {
--
GitLab