From e3b4f658e29539103777a67450906c299763e6ab Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Tue, 9 Apr 2019 09:18:42 +0200
Subject: [PATCH] add hint in pw form

---
 client/src/components/PasswordChange.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/client/src/components/PasswordChange.vue b/client/src/components/PasswordChange.vue
index 808e98a2..a5f58eda 100644
--- a/client/src/components/PasswordChange.vue
+++ b/client/src/components/PasswordChange.vue
@@ -28,6 +28,7 @@
                data-cy="new-password">
         <small v-if="errors.has('newPassword') && submitted" class=" sbform-input__error" data-cy="new-password-local-errors">{{ errors.first('newPassword') }}</small>
         <small v-for="error in newPasswordErrors" :key="error" class=" sbform-input__error" data-cy="new-password-remote-errors">{{ error }}</small>
+        <p class="sbform-input__hint">Das Passwort muss mindestens 8 Zeichen lang sein und Grossbuchstaben, Zahlen und Sonderzeichen beinhalten.</p>
       </div>
       <button class="button button--primary change-form__submit" data-cy="change-password-button">Speichern</button>
     </form>
@@ -104,6 +105,12 @@
       color: $color-error;
       display: inline-block;
     }
+
+    &__hint {
+      margin-top: $small-spacing;
+      font-family: $sans-serif-font-family;
+      color: $color-grey;
+    }
   }
 
 </style>