mirror of
https://github.com/moodle/moodle.git
synced 2025-02-25 20:43:33 +01:00
9813e1eec6
Improve login page worklow. This patch improves the display and UX when a user provides their second factor during the login process. It includes refactoring the display to use a template fed by renderer.
41 lines
985 B
CSS
41 lines
985 B
CSS
input.tool-mfa-verification-code,
|
|
.tool-mfa-verification-code input {
|
|
/* Some elements must be important to override form element*/
|
|
font-size: 1.5em !important; /* stylelint-disable-line declaration-no-important */
|
|
font-family: monospace;
|
|
text-align: center;
|
|
letter-spacing: 1.0em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.tool-mfa-factor-choose,
|
|
.tool-mfa-factor-choose:hover {
|
|
background-color: #fff;
|
|
border-color: #3584c9;
|
|
border-width: 1px;
|
|
width: 100%;
|
|
border-radius: 0.5rem;
|
|
}
|
|
|
|
.tool-mfa-factor-choose:hover,
|
|
.tool-mfa-factor-choose:hover .tool-mfa-factor-choose-text {
|
|
text-decoration: underline;
|
|
color: #094478;
|
|
background-color: #cfe2f2;
|
|
}
|
|
|
|
.mfa-verify-form input[type="submit"] {
|
|
height: 50px;
|
|
font-size: 1.05rem;
|
|
}
|
|
|
|
.mfa-verify-form .invalid-feedback {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.mfa-verify-form .form-group.fitem,
|
|
.mfa-verify-form .form-group.fitem > span,
|
|
.mfa-verify-form .form-group.fitem > span > input {
|
|
width: 100%;
|
|
}
|