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

Add Media options, add Media Summary component, deprecate Event Summary component #1954

Merged
merged 4 commits into from
Jul 15, 2022

Conversation

tylersticka
Copy link
Member

@tylersticka tylersticka commented Jul 15, 2022

Overview

This PR adds a more generalized Media Summary component that can fulfill the purpose of the Event Summary and other, similar linked content summaries (books, open source projects, etc.). This will allow us to avoid duplicate links in content in a consistent way.

There are a few design changes compared to Event Summary:

  • The object no longer scales on hover. This wasn't essential for events, and it felt a bit jarring on larger objects such as books.
  • The inclusion of some standard vertical rhythm to make the content feel more balanced.

To facilitate a Media Summary component that directly extends the Media object, object_class and content_class properties were added to the Media object.

I also installed the Storybook Status add-on to better communicate deprecated components. While I was in there, I commented out two add-ons that are no longer working (#1884) since it seemed silly to continue loading them until that's resolved.

I chose to deprecate the Event Summary rather than remove it to give us time to transition without blocking other small changes and bug fixes.

Screenshots

Screen Shot 2022-07-15 at 1 50 15 PM

Screen Shot 2022-07-15 at 1 50 30 PM

Testing

Review the docs page and stories for Media Summary


@changeset-bot
Copy link

changeset-bot bot commented Jul 15, 2022

🦋 Changeset detected

Latest commit: 9cc9c2c

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@cloudfour/patterns Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@netlify
Copy link

netlify bot commented Jul 15, 2022

Deploy Preview for cloudfour-patterns ready!

Name Link
🔨 Latest commit 9cc9c2c
🔍 Latest deploy log https://app.netlify.com/sites/cloudfour-patterns/deploys/62d1d4ae4cad2c00094772e9
😎 Deploy Preview https://deploy-preview-1954--cloudfour-patterns.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 settings.

@tylersticka tylersticka marked this pull request as ready for review July 15, 2022 21:02
@tylersticka tylersticka requested a review from a team July 15, 2022 21:02
@tylersticka tylersticka merged commit 04f925e into v-next Jul 15, 2022
@tylersticka tylersticka deleted the feature/media-summary branch July 15, 2022 22:42
@github-actions github-actions bot mentioned this pull request Jul 15, 2022
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.

Accessible solution for clickable media objects
2 participants