entrouvert
/
authentic
16
0
Fork 0
Code Issues Pull Requests 35 Releases Activity

misc: adjust style of new password help texts (#25404)

This commit is contained in:
Frédéric Péters 2018-07-23 11:43:14 +02:00
parent 8754e9b2b0
commit b69eb9bec2
1 changed files with 14 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/authentic2/static/authentic2/css/password.css
View File

@ -9,34 +9,32 @@
padding-left: 1.25rem; padding-left: 1.25rem;
} }
.a2-password-nok { .a2-password-policy-container {
color: red; display: block;
margin-top: 1ex;
margin-left: 3ex;
} }
.a2-password-ok { .a2-password-policy-rule.a2-password-ok {
color: green; color: green;
} }
/* default circle icon */ .a2-password-policy-rule {
.a2-password-policy-rule:after { display: inline-block;
width: 17ex;
}
.a2-password-policy-rule::after {
font-family: FontAwesome; font-family: FontAwesome;
display: inline-block; display: inline-block;
width: 1.5ex; width: 2ex;
text-align: center; text-align: center;
content: "\f00d"; /* cross icon */ content: none;
opacity: 0;
} }
.a2-password-nok.a2-password-policy-rule:after { .a2-password-ok.a2-password-policy-rule::after {
content: "\f00d"; /* cross icon */
color: red;
opacity: 1;
}
.a2-password-ok.a2-password-policy-rule:after {
content: "\f00c"; /* ok icon */ content: "\f00c"; /* ok icon */
color: green; color: green;
opacity: 1;
} }
/* Equality check */ /* Equality check */
@ -49,32 +47,9 @@
.a2-password-check-equality-matched, .a2-password-check-equality-matched,
.a2-password-check-equality-unmatched { .a2-password-check-equality-unmatched {
display: none; display: none;
opacity: 0;
transition: all 0.3s ease;
} }
.a2-password-nok .a2-password-check-equality-unmatched, .a2-password-nok .a2-password-check-equality-unmatched,
.a2-password-ok .a2-password-check-equality-matched { .a2-password-ok .a2-password-check-equality-matched {
display: inline; display: inline;
opacity: 1;
}
.a2-password-check-equality-default:after,
.a2-password-check-equality-unmatched:after,
.a2-password-check-equality-matched:after {
font-family: FontAwesome;
width: 1rem;
display: inline-block;
}
.a2-password-check-equality-default:after {
content: "\f00d"; /* cross icon */
opacity: 0;
}
.a2-password-check-equality-unmatched:after {
content: "\f00d"; /* cross icon */
}
.a2-password-check-equality-matched:after {
content: "\f00c"; /* ok icon */
} }