Commit Graph

31 Commits

Author SHA1 Message Date
Jan Cernik
876591fdab
FIX: Signup fields tab order and descriptions () 2024-11-15 18:17:55 -03:00
chapoi
a097d86eea
UX: fix visibility of grant badge modal dropdowns () 2024-11-06 07:30:13 +01:00
Jan Cernik
81396467d0
UX: More improvements to login/signup forms () 2024-10-30 13:33:06 -03:00
chapoi
8ac1f6ad9a
UX: Visual adjustments to login/signup forms ()
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
Jan Cernik
7e1cca87a9
UX: Add option to use fullpages for login and signup ()
This adds dedicated routes for /login and /signup, replacing the use of modals. Currently, this is behind the experimental_full_page_login feature flag. It also includes some small consistency fixes related to formatting, spacing, icons, and the loading of certain elements
2024-10-15 11:10:54 -03:00
Jan Cernik
0ee68b3583
FIX: Use .login-right-side instead of .has-alt-auth () 2024-08-29 16:09:02 +10:00
Jan Cernik
b092ccbdc5
UX: Add progress bar to the registration flow () 2024-08-28 08:43:39 -03:00
Kris
0c0f9e4a0d
UX: smaller modal headings, shorter flag mdoal title () 2024-08-08 12:18:20 -04:00
Joffrey JAFFEUX
7a7cc815be
DEV: removes legacy modal code () 2024-07-24 18:07:17 +02:00
Kris
79c1d23591
UX: add max-width to social auth section () 2024-07-08 13:20:18 -04:00
Jan Cernik
0d608ceff8
UX: Registration design and validation improvements () 2024-07-04 09:17:07 -03:00
Kris
e44025b687
UX: improve login modal on very narrow screens in desktop mode () 2024-06-11 09:53:58 -04:00
Martin Brennan
973a0028b4
FEATURE: Bulk topic tagging allowing restricted operations on sole categories ()
The bulk actions menu for topics has multiple options to work
with tags on topics (append, replace, remove). Our tagging system
along with categories allows for some complicated tag restrictions
to be applied via tag groups. This was a problem for the topic bulk
actions because you couldn't append restricted tags to topics.

This commit allows restricted tags to be used in bulk tagging actions
as long as all selected topics are for a sole category. The category
information will be shown in the modal, and the category ID is used
for the tag search.
2024-04-12 13:10:14 +10:00
Blake Erickson
8da49b5664
FEATURE: Add message to bulk close topics ()
This will allow you to type a single message when bulk closing topics
that will be applied to every topic, that way they all have the same
message.
2024-04-05 14:56:52 -06:00
Blake Erickson
6702babd5e
DEV: More bulk select modal enhancements ()
* Add cancel button

* Add loading spinner

* Add toast message
2024-03-05 08:30:26 -07:00
Blake Erickson
89883b2f51
WIP: Experiemental Bulk Topic Actions Dropdown ()
* WIP: Experiemental Bulk Topic Actions Dropdown

Creates a new dropdown that can be used for topic bulk actions.
2024-01-25 09:12:06 -07:00
chapoi
e227008c65
UX: login modal sizing fixes () 2023-12-08 17:21:37 +01:00
chapoi
f8bf4bda00
UX: fix info text color on custom field for login () 2023-12-01 14:41:44 +01:00
chapoi
0b352ce7fb
UX: fix date time modal on mobile ()
* UX: fix date time modal
2023-11-24 10:28:46 +01:00
Jordan Vidrine
e9f604b567
FIX: Fix custom login input label animations () 2023-11-21 15:28:18 -06:00
Martin Brennan
10b546d8c7
FIX: Make fullscreen code modal occupy as much of the screen as needed ()
This commit makes it so the fullscreen code modal grows
to fit its content, and doesn't show horizontal scrollbars
unless the entire screen is filled by the modal already.

The code syntax highlighting and copy buttons were also
broken in fullscreen because of modal changes over time.
2023-11-21 09:36:42 +10:00
chapoi
f2d3e3ed3f
UX: Fixes login/create modal ()
* UX: fix > hide alt login method on mobile create acc

* UX: login modal > fix long names on login buttons

* UX: fix login overflow
2023-11-20 11:52:50 +01:00
chapoi
2e520468a8
UX: fix cmd-k position () 2023-11-15 16:03:58 +01:00
chapoi
02cb262b2e
UX: full width table modal override () 2023-11-15 12:45:46 +01:00
chapoi
cd183edad1
UX: modal > remove obsolete wrapper class () 2023-11-15 11:33:23 +00:00
chapoi
f72899401d
UX: refactor .d-modal to use BEM and improve styling ()
This PR refactors the following:
* leaving all the CSS applied to the old `modal-body` classes in their respective files
* made  new clean styling for `.d-modal` and refactored the template to use the new BEM classes
  * `inner-`, `middle-`, `outer-` container classes are gone and replaced with simplified `wrapper` and `container` classes  
  * use standardised max-sizes with modifiers `-large` and `-max`
  * lighter backdrop,
  * min-width to prevent puny modals
  * other styling changes regarding padding, close button,…
* pulled out all modal overrides into a general `modal-overrides` file + cleanup of outdated CSS
* pulled out login and create account modal styling into their own file, cause it's such a big override 
* removed old general login.scss file for mobile & desktop
* only kept some remainders I don't want to touch in `app/assets/stylesheets/common/base/login.scss`
2023-11-15 10:14:47 +00:00
Joffrey JAFFEUX
932fd089c5
DEV: converts user-status modal to component () 2023-08-21 16:19:21 +02:00
Andrei Prigorshnev
4908a669e0
FEATURE: integrate DnD with user status ()
This PR adds a new "Pause notifications" checkbox to the user status modal. This checkbox allows enabling the Do-Not-Disturb mode together with user status. Note that we don't remove and don't rename the existing DnD menu item in this PR, so the old way of entering the DnD mode is still available.

Also, we're not making DnD mode a part of user status on backend and in database. The reason is that the DnD mode should still be available on sites with disabled user status, having them separated helps keep the implementation simple.
2022-12-16 16:35:39 +04:00
Andrei Prigorshnev
c59f1729a6
FEATURE: auto remove user status after predefined period () 2022-07-05 19:12:22 +04:00
Andrei Prigorshnev
033f72c65f
FEATURE: user status emoji () 2022-06-22 18:15:33 +04:00
Andrei Prigorshnev
5c596273a0
FEATURE: user status () 2022-05-27 13:15:14 +04:00