mirror of
https://github.com/discourse/discourse.git
synced 2024-12-02 06:26:41 +08:00
8ac1f6ad9a
This adds several improvements to the signup/login forms. Some of them include: - Added a minimal signup progress bar design for mobile. - Made the signup/login modals full height on mobile. - Improved the activation, account creation, and login-required pages on mobile. - Removed the subheader and emoji from the welcome component. - Removed most input instructions. - Used consistent font size for text below the inputs. - Displayed input instructions only when the field is focused. - Improved the vertical alignment of input labels. - Increased the spacing between inputs. - Fixed label positioning for custom fields. - Moved the "(optional)" text for the name input outside the instructions. - Disabled buttons during login to prevent layout shifts. - Reused the CTA component for modals as well. - Matched the invite CTA styles with the signup form. --------- Co-authored-by: Jan Cernik <jancernik12@gmail.com> Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
17 lines
220 B
SCSS
17 lines
220 B
SCSS
.login-welcome-header {
|
|
box-sizing: border-box;
|
|
|
|
.login-title {
|
|
font-size: var(--font-up-5);
|
|
}
|
|
|
|
.login-subheader {
|
|
font-size: var(--font-0);
|
|
}
|
|
|
|
.waving-hand {
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
}
|