-
Notifications
You must be signed in to change notification settings - Fork 135
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
Make recovery info page less scary #1692
Conversation
This updates the recovery info page (shown before recovery creation): * The "warning" icon is now an "info" icon (red -> purple) * The text ("SECURITY WARNING") is a bit softer ("Learn about recovery")
f8a9225
to
9aee31d
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I feel like the icon could be lighter, i.e. maybe use the outline instead of a filled icon
@@ -698,6 +701,12 @@ a:hover, | |||
.c-icon--ok { | |||
--onBgc: var(--rc-positive); | |||
} | |||
.c-icon--info__flipped { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
__
would be a child in BEM. I would create a separate class called .c-icon--inverted
that combines with any icon class. But since it looks like info is always flipped, it might not need a modifier? So just c-icon--info
, makes sense?
@@ -256,6 +256,21 @@ export const infoIcon = html` | |||
</svg> | |||
`; | |||
|
|||
export const infoIconNaked = html` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
not sure what is meant by Naked would be super nice to have a comment or something here.
This updates the recovery info page (shown before recovery creation):