* Tell the user when registration is being rate limited * Disable the submit button while registration is rate limited The warning now sits with the button it is disabling, below the server picker, rather than above it, so it reads as the reason you cannot continue. The rate limit message moves out of errorText into its own state field to get there, which also leaves the position of every other registration error alone. When the server tells us how long to wait, we ask again ourselves once that time is up, so the form comes back without the user having to guess when a reload is worth it. * Set the rate limit warning to medium weight Scoped to the registration rate limit warning so the other auth errors keep the bold they have always had.
52 lines
1.2 KiB
Plaintext
52 lines
1.2 KiB
Plaintext
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
.mx_Register_mainContent {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
min-height: 270px;
|
|
|
|
p {
|
|
font: var(--cpd-font-body-md-regular);
|
|
color: $authpage-primary-color;
|
|
|
|
&.secondary {
|
|
color: $authpage-secondary-color;
|
|
}
|
|
}
|
|
|
|
> img:first-child {
|
|
margin-bottom: 16px;
|
|
width: max-content;
|
|
}
|
|
|
|
.mx_Login_submit {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
/* Medium rather than the bold every other auth error uses: this one sits directly above the button it
|
|
is disabling, and does not need to shout over it. Scoped so the login errors keep their weight. */
|
|
.mx_Login_error.mx_Registration_rateLimitError {
|
|
font-weight: var(--cpd-font-weight-medium);
|
|
}
|
|
|
|
.mx_Register_footerActions {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
padding-top: 16px;
|
|
margin-top: 16px;
|
|
border-top: 1px solid rgb(141, 151, 165, 0.2);
|
|
|
|
> * {
|
|
flex-basis: content;
|
|
}
|
|
}
|