Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Per 9567 redesign create archive #397

Closed

Conversation

crisnicandrei
Copy link
Contributor

@crisnicandrei crisnicandrei commented May 23, 2024

This is my pull request for the new create archive step, This adds the new design from firgma to the onboarding flow.

To test this, because I have added a way to disable or enable it, as per @meisekimiu request, go to your browser's console and run the following command: localStorage.setItem('isGlam',true). The functionality is the same as previously implemented

@crisnicandrei crisnicandrei requested a review from meisekimiu May 23, 2024 13:23
@crisnicandrei crisnicandrei marked this pull request as draft May 23, 2024 13:23
@crisnicandrei crisnicandrei force-pushed the PER-9491-new-sign-in branch from c7cb23f to 770ae03 Compare May 27, 2024 10:23
@crisnicandrei crisnicandrei force-pushed the PER-9567-redesign-create-archive branch from 428b5e9 to 281fd70 Compare May 27, 2024 10:25
- Added a new component to handle the name archive screen
- Added a new component to handle the select archive type screen
- Added a new utils file to handle the logic for the onboarding process
I have created a way to enable or disable the new glam path using a variable from the localStorage
@crisnicandrei crisnicandrei marked this pull request as ready for review May 30, 2024 14:26
@cecilia-donnelly cecilia-donnelly requested a review from k8lyn6 June 3, 2024 14:47
@k8lyn6 k8lyn6 requested a review from yeslikesolo June 3, 2024 16:09
@cecilia-donnelly
Copy link
Member

Superseded by #421

Changed the background of the auth page and the structure.
- Created the new sign in page (kept the old structure but used the new components from the new component library)
- Some minor changes to the new components because without the design they looked done, but now they are more polished and ready for the design
New register page design + a new divider component
New forgot password page
Display the loading spinner and changed the mfa page design
Final design changes + some tests for the new sign in flow
Replaced the text input for the button component with the content directive, now making it possible to pass text as in html way, instead of sending it to the input.
Made the checkbox navigable using tab and selectable using enter and space keys.
-Added tests for the new checkbox functionality
-Added the MessageService to the mfa component provider array
Added a border to the light button when being focused
Fixed the navigation for the buttons, and added outlines to them on focus
Renamed the attr input of the button to buttonType
Added an underline to the forgot password link
PER-9488-glam-checkbox

Implementation of the new checkbox component.
Changed the background of the auth page and the structure.
- Created the new sign in page (kept the old structure but used the new components from the new component library)
- Some minor changes to the new components because without the design they looked done, but now they are more polished and ready for the design
New register page design + a new divider component
New terms and conditions design
Handle terms decline: Go back to register screen and keep the checkbox unchecked.
Display the loading spinner and changed the mfa page design
Final design changes + some tests for the new sign in flow
-Added tests for the new checkbox functionality
-Added the MessageService to the mfa component provider array
Linting
- Changed the margin of the title on the sign in pace (only on mobile view)
- Added padding to the form on the forgot password page
- Added another breakpoint to make the form larger at smaller breakpoints right before it hits tablet
- Created a new link variant for the button so it can be navigated using tab.
- Moved the aria-label of the checkbox component.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants