From 1368512ca2f538191a5aa04b99870a3f7c0cef62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9mi=20PAILHAREY?= <rpailharey@grandlyon.com>
Date: Mon, 18 Sep 2023 07:14:56 +0000
Subject: [PATCH] fix: use lato font in textareas
---
.../form/form-view/form-view.component.scss | 12 ----------
.../make-appointment.component.scss | 2 +-
src/styles.scss | 22 +++++++++----------
3 files changed, 11 insertions(+), 25 deletions(-)
diff --git a/src/app/form/form-view/form-view.component.scss b/src/app/form/form-view/form-view.component.scss
index 201db3b1a..a77c40a2b 100644
--- a/src/app/form/form-view/form-view.component.scss
+++ b/src/app/form/form-view/form-view.component.scss
@@ -88,15 +88,3 @@
}
}
}
-
-::ng-deep.textareaBlock {
- @media #{$tablet} {
- max-width: 90%;
- }
- p {
- text-align: right;
- @include lato-regular-14;
- color: $grey-3;
- font-style: italic;
- }
-}
diff --git a/src/app/form/orientation-form-view/online-demarch/appointment/make-appointment/make-appointment.component.scss b/src/app/form/orientation-form-view/online-demarch/appointment/make-appointment/make-appointment.component.scss
index d472f3ba7..82798e003 100644
--- a/src/app/form/orientation-form-view/online-demarch/appointment/make-appointment/make-appointment.component.scss
+++ b/src/app/form/orientation-form-view/online-demarch/appointment/make-appointment/make-appointment.component.scss
@@ -77,11 +77,11 @@
.details {
margin-top: 40px;
label {
- @include lato-regular-16;
padding-bottom: 8px;
}
textarea {
width: 100%;
+ max-width: 600px;
margin-top: 8px;
}
}
diff --git a/src/styles.scss b/src/styles.scss
index f5244a54f..b4c35aa39 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -190,18 +190,16 @@ input {
}
/** Textarea **/
-.textareaBlock {
- textarea {
- padding: 13px 8px;
- background: $grey-8;
- border: 1px solid $grey-5;
- border-radius: $input-radius;
- resize: none;
- outline: none;
- @include lato-regular-16;
- &:focus {
- border: 1px solid $grey-3;
- }
+textarea {
+ padding: 13px 8px;
+ background: $grey-8;
+ border: 1px solid $grey-5;
+ border-radius: $input-radius;
+ resize: none;
+ outline: none;
+ @include lato-regular-16;
+ &:focus {
+ border: 1px solid $grey-3;
}
}
--
GitLab