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

Show chasm instead of tooltip for alternative origin #941

Merged
merged 7 commits into from
Oct 11, 2022

Conversation

nmattia
Copy link
Collaborator

@nmattia nmattia commented Oct 7, 2022

Fixes #927

This shows a "chasm" (which splits the card open to reveal details) instead of a tooltip on the authenticate screen.

Screen.Recording.2022-10-10.at.12.10.11.mov

This makes the screen a little sleeker and ensures mobile users can display the details too. The wording is changed a bit to make the information more useful and understandable.

@nmattia nmattia force-pushed the nm-alternative-dropdown branch 2 times, most recently from d58d668 to bb12127 Compare October 10, 2022 08:44
@nmattia nmattia marked this pull request as ready for review October 10, 2022 10:21
src/frontend/src/components/icons.ts Show resolved Hide resolved
src/frontend/src/flows/authenticate/index.ts Outdated Show resolved Hide resolved
padding: 2rem;
}

.c-chasm__arrow {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would go with the SVG as originally planned or a clip-path. We will have more styling options in the future. PS: we have variables for z-index's

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Alright, that's way out of my league, will let you do that!

@nmattia nmattia requested a review from meodai October 10, 2022 16:22
@nmattia nmattia enabled auto-merge (squash) October 11, 2022 07:16
@nmattia nmattia disabled auto-merge October 11, 2022 07:19
nmattia and others added 7 commits October 11, 2022 09:20
This shows a "chasm" (which splits the card open to reveal details)
instead of a tooltip on the authenticate screen.

This makes the screen a little sleeker and ensures mobile users can
display the details too. The wording is changed a bit to make the
information more useful and understandable.
@nmattia nmattia force-pushed the nm-alternative-dropdown branch from bd3e1a4 to 34716ae Compare October 11, 2022 07:20
@nmattia nmattia enabled auto-merge (squash) October 11, 2022 07:20
@nmattia nmattia disabled auto-merge October 11, 2022 07:38
@nmattia nmattia merged commit 2dab30f into main Oct 11, 2022
@nmattia nmattia deleted the nm-alternative-dropdown branch October 11, 2022 07:38
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.

Cannot display alternative origin on mobile
2 participants