-
Notifications
You must be signed in to change notification settings - Fork 0
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
GIVCAMP-88 | data card #245
Conversation
…ne height in TW theme
* dev: 1.2.2 GIVCAMP-294 | Basic Hero overlay options and image optimization (#243) HSTS set max-age to 31536000 (#242) 1.2.1 Icon animation (#240) GIVCAMP-304 | Add CTA region to Section and Homepage Theme/Story Section (#239)
✅ Deploy Preview for giving-campaign ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
{/* If number counter is enabled, aria-hidden the animated heading and add a SR only heading */} | ||
{isCounter && heading && ( | ||
<Heading as={headingLevel} srOnly>{heading}</Heading> | ||
)} |
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.
If there is a number counter in the heading, add a SR only heading with all static heading, then aria-hidden the visible heading with the number counter.
@@ -1,11 +1,11 @@ | |||
# [Giving Campaign (Stanford On Purpose)](https://github.com/SU-SWS/ood-giving-campaign) | |||
# [Stanford Momentum](https://github.com/SU-SWS/ood-giving-campaign) |
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.
Updating some readme
/** | ||
* Momentum line heights | ||
*/ | ||
module.exports = function () { | ||
return { | ||
// Extra tight line height for Druk font in some components, e.g., Data Card, Moment Poster | ||
druk: '0.9', | ||
}; | ||
}; |
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.
Add extra tight leading utility for Druk font that are used in a few places
}); | ||
|
||
export const heading = 'rs-mb-3 ml-22 whitespace-pre-line mt-auto'; | ||
export const body = '*:*:leading-snug'; |
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.
It's a WYSIWYG 🤣
@sherakama I think I'm going to merge this and cut a release. It doesn't affect anything that's published so it's pretty safe 😄 If you see anything you're concerned about LMK |
* dev: (34 commits) GIVCAMP-292 GIVCAMP-305 | Horizontal Initiative card and image aspect ratio options (#256) 1.3.3 Update robots to use different URL for sitemap path (#254) 1.3.2 GIVCAMP-307 | Stacked story hero variant (#251) 1.3.1 GIVCAMP-297 GIVCAMP-312 | Section background options + add light overlay options (#248) Bump follow-redirects from 1.15.4 to 1.15.6 (#249) 1.3.0 GIVCAMP-289: Inline External Script Loading. (#246) GIVCAMP-88 | data card (#245) 1.2.2 GIVCAMP-294 | Basic Hero overlay options and image optimization (#243) HSTS set max-age to 31536000 (#242) 1.2.1 Icon animation (#240) GIVCAMP-304 | Add CTA region to Section and Homepage Theme/Story Section (#239) 1.2.0 GIVCAMP-293 | Moment poster (#236) NoJira: Remove Editor Token (#237) ...
READY FOR REVIEW
Summary
Review By (Date)
Criticality
Review Tasks
Setup tasks and/or behavior to test
Go to storyblok test/test-initiative-template page
Select the PR245 preview URL in the visual editor
Scroll down to see data cards in dark and light mode.
Check that the cards with number counter enabled, the number in the heading counts up once the card comes into view.
Associated Issues and/or People