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

Phishing warning page update more CSS suggestions #55

Closed

Conversation

georgewrmarshall
Copy link
Contributor

@georgewrmarshall georgewrmarshall commented Feb 6, 2023

DO NOT MERGE TO main

Descriptions

Some more updates built on New design for phishing warning page PR #52. The intention is for the updates in this commit ad6abc5 to be based on the original PR #52 but I'm not sure how to do that seeing as it's a forked branch.

  • Adds more design system CSS variables
  • Adds medai query support
  • Graceful degradation on smaller screens
  • Updates button css to use secondary styles

Screenshots

Before

before.mov

After

phishing.updates.mov

Manual Testing Steps

  • For local testing update line 45 to import the design-token.css from the npm packge
  • Update href="./design-tokens.css" to href="../node_modules/@metamask/design-tokens/src/css/design-tokens.css"

@georgewrmarshall georgewrmarshall requested a review from a team as a code owner February 6, 2023 03:50
@georgewrmarshall georgewrmarshall marked this pull request as draft February 6, 2023 03:55
@georgewrmarshall
Copy link
Contributor Author

Apologies @aleksandar-mihajlovic I can't seem to base this PR onto your branch. But that is my intention. Maybe you could copy and paste the updates from this PR? This is commit with the updates ad6abc5

@georgewrmarshall
Copy link
Contributor Author

The updates in this PR have been successfully ported over to #52

@georgewrmarshall georgewrmarshall deleted the phishing-warning-page-update-george-suggestions branch February 6, 2023 22:49
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.

2 participants