discourse/app/assets/stylesheets/mobile/_index.scss
chapoi 8ac1f6ad9a
UX: Visual adjustments to login/signup forms (#28680)
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>
2024-10-25 09:34:59 -03:00

36 lines
818 B
SCSS

@import "admin_badges";
@import "admin_customize";
@import "admin_flags";
@import "admin_report_counters";
@import "admin_report_table";
@import "admin_report";
@import "admin_reports";
@import "alert";
@import "compose";
@import "dashboard";
@import "dialog";
@import "directory";
@import "discourse";
@import "edit-category";
@import "emoji";
@import "header";
@import "invite-signup";
@import "lightbox";
@import "menu-panel";
@import "list-controls";
@import "login-modal";
@import "login-signup-page";
@import "modal";
@import "modal-overrides";
@import "new-user";
@import "personal-message";
@import "post-action-feedback";
@import "push-notifications-mobile";
@import "reviewables";
@import "sidebar";
@import "signup-progress-bar";
@import "topic-list";
@import "topic-post";
@import "topic";
@import "user";