From 05cf7349d1622017fe209fc900fdbe01f9cbf9cf Mon Sep 17 00:00:00 2001
From: Jeremie BRISON <ext.sopra.jbrison@grandlyon.com>
Date: Thu, 4 Feb 2021 17:36:49 +0100
Subject: [PATCH] fix(form): fix password hint
---
src/app/form/form.component.html | 5 ++++-
src/app/form/form.component.scss | 7 ++++++-
2 files changed, 10 insertions(+), 2 deletions(-)
diff --git a/src/app/form/form.component.html b/src/app/form/form.component.html
index 01b0163ba..0ce70c2ae 100644
--- a/src/app/form/form.component.html
+++ b/src/app/form/form.component.html
@@ -119,7 +119,10 @@
</div>
<div class="form-group" fxLayout="column">
<label for="password">Création de mot de passe</label>
- <p class="password" *ngIf="accountForm.get('password').invalid && accountForm.get('password').value">
+ <p
+ class="password"
+ [ngClass]="{ invalid: accountForm.get('password').invalid && accountForm.get('password').value }"
+ >
Le mot de passe doit contenir au minimum : 8 caractères dont un caractère spécial, un caractère en majuscule
et un chiffre.
</p>
diff --git a/src/app/form/form.component.scss b/src/app/form/form.component.scss
index c51c6a9fc..470827eff 100644
--- a/src/app/form/form.component.scss
+++ b/src/app/form/form.component.scss
@@ -153,9 +153,14 @@ h3 {
margin-bottom: 0;
@include cn-regular-18;
&.password {
- color: $orange-warning;
+ @include cn-regular-14;
+ color: $grey-3;
+
margin-top: 4px;
width: 256px;
+ &.invalid {
+ color: $orange-warning;
+ }
}
&.notRequired {
font-style: italic;
--
GitLab