Stacks
Stacks copied to clipboard
feat: add post summary micro variant
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 usesbody1
) - 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.
First draft
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...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site settings.
- I think body1 seems fine
- Yes, the component should handle truncation
- Do we need the
Q
andA
icon back? And the Article and Collection icons?
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](https://user-images.githubusercontent.com/371114/171666138-be1a0f86-a2a3-4940-8896-b0629e7987e7.png)
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.