entrouvert
/
authentic
16
0
Fork 0
Code Issues Pull Requests 33 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;
}
.a2-password-nok {
color: red;
.a2-password-policy-container {
display: block;
margin-top: 1ex;
margin-left: 3ex;
}
.a2-password-ok {
.a2-password-policy-rule.a2-password-ok {
color: green;
}
/* default circle icon */
.a2-password-policy-rule:after {
.a2-password-policy-rule {
display: inline-block;
width: 17ex;
}
.a2-password-policy-rule::after {
font-family: FontAwesome;
display: inline-block;
width: 1.5ex;
width: 2ex;
text-align: center;
content: "\f00d"; /* cross icon */
opacity: 0;
content: none;
}
.a2-password-nok.a2-password-policy-rule:after {
content: "\f00d"; /* cross icon */
color: red;
opacity: 1;
}
.a2-password-ok.a2-password-policy-rule:after {
.a2-password-ok.a2-password-policy-rule::after {
content: "\f00c"; /* ok icon */
color: green;
opacity: 1;
}
/* Equality check */
@ -49,32 +47,9 @@
.a2-password-check-equality-matched,
.a2-password-check-equality-unmatched {
display: none;
opacity: 0;
transition: all 0.3s ease;
}
.a2-password-nok .a2-password-check-equality-unmatched,
.a2-password-ok .a2-password-check-equality-matched {
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 */
}