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

GIVCAMP-88 | data card #245

Merged
merged 10 commits into from
Mar 12, 2024
Merged

GIVCAMP-88 | data card #245

merged 10 commits into from
Mar 12, 2024

Conversation

yvonnetangsu
Copy link
Member

@yvonnetangsu yvonnetangsu commented Mar 7, 2024

READY FOR REVIEW

Summary

  • Add data card with animated counter option

Review By (Date)

  • Retro

Criticality

  • 4

Review Tasks

Setup tasks and/or behavior to test

  1. Go to storyblok test/test-initiative-template page

  2. Select the PR245 preview URL in the visual editor

  3. Scroll down to see data cards in dark and light mode.
    Screenshot 2024-03-12 at 1 45 22 PM
    Screenshot 2024-03-12 at 1 45 28 PM

  4. 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

@yvonnetangsu yvonnetangsu marked this pull request as draft March 7, 2024 23:11
Copy link

netlify bot commented Mar 7, 2024

Deploy Preview for giving-campaign ready!

Name Link
🔨 Latest commit 83eb366
🔍 Latest deploy log https://app.netlify.com/sites/giving-campaign/deploys/65f0c75d2823950008e915d0
😎 Deploy Preview https://deploy-preview-245--giving-campaign.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Comment on lines +54 to +57
{/* If number counter is enabled, aria-hidden the animated heading and add a SR only heading */}
{isCounter && heading && (
<Heading as={headingLevel} srOnly>{heading}</Heading>
)}
Copy link
Member Author

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.

@yvonnetangsu yvonnetangsu marked this pull request as ready for review March 12, 2024 21:22
@@ -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)
Copy link
Member Author

Choose a reason for hiding this comment

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

Updating some readme

Comment on lines +1 to +9
/**
* 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',
};
};
Copy link
Member Author

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

@yvonnetangsu yvonnetangsu requested a review from sherakama March 12, 2024 21:24
});

export const heading = 'rs-mb-3 ml-22 whitespace-pre-line mt-auto';
export const body = '*:*:leading-snug';
Copy link
Member

Choose a reason for hiding this comment

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

👀

Copy link
Member Author

Choose a reason for hiding this comment

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

It's a WYSIWYG 🤣

@yvonnetangsu
Copy link
Member Author

@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

@yvonnetangsu yvonnetangsu merged commit f995104 into dev Mar 12, 2024
5 checks passed
@yvonnetangsu yvonnetangsu deleted the feature/GIVCAMP-88_data-card branch March 12, 2024 22:09
@yvonnetangsu yvonnetangsu mentioned this pull request Mar 12, 2024
yvonnetangsu added a commit that referenced this pull request Apr 2, 2024
* 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)
  ...
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