-
Notifications
You must be signed in to change notification settings - Fork 16
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
feat: banner for SafeAuth #254
Conversation
ESLint Summary View Full Report
Report generated by eslint-plus-action |
Branch preview✅ Deployed to dev: |
const bgImage = isSmallScreen ? backgroundImage.sm : backgroundImage.md | ||
const imageSrc = image ? (isSmallScreen ? image.sm : image.md) : undefined |
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 am not sure this will be the closest implementation to what we'll have in the CMS. Open to hear other suggestions.
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.
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'll approve but those gradients are prety big. A quarter of a megabyte just for a background is excessive. You could easily make the same gradient with SVG or even CSS.
e.preventDefault() | ||
|
||
scrollToElement('#masthead', 200) | ||
scrollToElement(target, 200) |
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.
Btw, the offset in this function can be replaced with CSS.
* {
scroll-margin-top: 60px; // header height
}
What it solves
Modifies the Core page to show a banner allusive to the SafeAuth partnership
Figma
https://www.figma.com/file/gxyAh1UOL6TXG1N5PWYLIB/Internal-Graphics?type=design&node-id=4317-257&mode=design&t=IKGFvK1GoeiU5V7S-4