Stacks icon indicating copy to clipboard operation
Stacks copied to clipboard

feat: add post summary micro variant

Open dancormier opened this issue 2 years ago • 3 comments

resolves #966

See https://deploy-preview-967--stacks.netlify.app/product/components/post-summary/#micro

Questions

  • Should we truncate titles? If so, how many lines? (This could be handled in core as needed. Curious if we should prescribe truncation though. There's implications when it comes to vertically aligning elements within the post summary.)
  • What's the recommended title font size? (Profile currently uses body2, sidebar currently uses body1)
  • Should items include borders? (I'm assuming they can be added as needed by consumers but I'm not sure if we want to unify this.)
  • Should we include support for timestamps? Or any other optional data, for that matter? (Profile currently includes timestamp)

TODOs

  • [ ] Update documentation

Screenshot

Second draft

Below are screenshots with a couple variations (unanswered/short title/no date/no menu, longer title/short date/longest title/long date). There's more that could exist in these post summaries.

image

image

First draft

image

dancormier avatar May 31 '22 20:05 dancormier

Deploy Preview for stacks ready!

Name Link
Latest commit 41c95b1bcd909053f12b1c15ef4253c3f666412a
Latest deploy log https://app.netlify.com/sites/stacks/deploys/62968abb3286f900081ef913
Deploy Preview https://deploy-preview-967--stacks.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.

netlify[bot] avatar May 31 '22 20:05 netlify[bot]

  • I think body1 seems fine
  • Yes, the component should handle truncation
  • Do we need the Q and A icon back? And the Article and Collection icons?

paintedbicycle avatar May 31 '22 20:05 paintedbicycle

Looking at the profile page I think we need the icons, otherwise everything would look exactly the same. This could then also be used in places like the sidebar and in search like below

Screen Shot 2022-06-02 at 8 33 43 AM

paintedbicycle avatar Jun 02 '22 15:06 paintedbicycle

I'm closing this PR since it will have many, many conflicts once https://github.com/StackExchange/Stacks/pull/1091 is merged. We shall revisit post-PPCP refactor.

dancormier avatar Dec 14 '22 20:12 dancormier