DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

[Fix #1285] Password strength is checked when user is typing

Browse source
This commit is contained in:
Mathieu Magnin 2018-09-26 08:56:53 +02:00 • committed by gregoirenovel
parent d1d8d9afe2
commit 7280b1f503
3 changed files with 50 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
app/assets/stylesheets/new_design/common.scss
View file

@ -45,6 +45,14 @@ a {
color: $blue;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
.container {
@include horizontal-padding($default-padding);
max-width: $page-width + 2 * $default-padding;

34
app/assets/stylesheets/new_design/password_strength.scss Normal file
View file

@ -0,0 +1,34 @@
@import "colors";
@import "constants";
$strength-bg: #EEEEEE;
$weak-strength-color: $lighter-red;
$medium-strength-color: $orange;
$strong-strength-color: $green;
.password-strength {
margin-top: -24px;
width: 100%;
min-height: 22px;
background: $strength-bg;
display: block;
margin-bottom: $default-spacer;
text-align: center;
&.strength-1 {
background: linear-gradient(to right, $weak-strength-color 0%, $weak-strength-color 25%, $strength-bg 25%, $strength-bg 100%);
}
&.strength-2 {
background: linear-gradient(to right, $medium-strength-color 0%, $medium-strength-color 50%, $strength-bg 50%, $strength-bg 100%);
}
&.strength-3 {
background: linear-gradient(to right, $medium-strength-color 0%, $medium-strength-color 75%, $strength-bg 75%, $strength-bg 100%);
}
&.strength-4 {
background: $strong-strength-color;
color: #FFFFFF;
}
}