discourse/app/assets/stylesheets/mobile/components
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
..
_index.scss UX: Add progress bar to the registration flow (#27694) 2024-08-28 08:43:39 -03:00
bookmark-menu.scss DEV: implements <DropdownMenu /> (#26917) 2024-05-08 09:08:42 +02:00
more-topics.scss FEATURE: remove category badge style options, set bullet style as default (#24198) 2023-11-13 10:46:15 -05:00
topic-footer-mobile-dropdown.scss
topic-map.scss UX: centralise DMenu mobile styling + fixes (#28469) 2024-08-23 17:56:35 +02:00
user-card.scss DEV: changes identifier from card to usercard (#28575) 2024-08-27 14:08:49 +02:00
user-stream-item.scss DEV: Render glimmer notification items for user notification list (#24802) 2023-12-11 11:04:43 -06:00
welcome-header.scss UX: Visual adjustments to login/signup forms (#28680) 2024-10-25 09:34:59 -03:00