From 4e5492570ac3de1f0e5c91e328aa9121f7d1e5a5 Mon Sep 17 00:00:00 2001
From: Romain CREY <ext.sopra.rcrey@grandlyon.com>
Date: Wed, 10 Jun 2020 15:43:44 +0200
Subject: [PATCH] long name bold ecogestures
---
.../ContentComponents/EcogestureModal/EcogestureModal.tsx | 2 +-
src/styles/components/_ecogesture.scss | 8 +++++---
2 files changed, 6 insertions(+), 4 deletions(-)
diff --git a/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx b/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx
index d0b93c840..4ade45892 100644
--- a/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx
+++ b/src/components/ContentComponents/EcogestureModal/EcogestureModal.tsx
@@ -82,8 +82,8 @@ const EcogestureModal: React.FC<EcogestureModalProps> = ({
))}
</div>
</div>
+ <div className="long-name">{ecogesture.longName}</div>
<div className="em-description text-16-normal-150">
- <span className="long-name">{ecogesture.longName} </span>
{ecogesture.longDescription}
</div>
</div>
diff --git a/src/styles/components/_ecogesture.scss b/src/styles/components/_ecogesture.scss
index d4abf9fad..57fae3085 100644
--- a/src/styles/components/_ecogesture.scss
+++ b/src/styles/components/_ecogesture.scss
@@ -162,11 +162,13 @@
margin-bottom: 1rem;
}
}
+ .long-name {
+ font-weight: bold;
+ line-height: 150%;
+ margin: 0.5rem 0 1rem;
+ }
.em-description {
padding-bottom: 2.5rem;
- .long-name {
- font-weight: bold;
- }
}
.em-description-2 {
padding-top: 2rem;
--
GitLab