As a Mack Trucks content creator, I want to display social media icons so that users can easily share the website page they are viewing directly on their social media channels.
Acceptance Criteria
User AC:
[ ] As a user, I can share a magazine article directly to my X, LinkedIn, or Facebook social media accounts simply by clicking on the icon displayed on the website page.
Editor AC:
[ ] As an editor, I can use this block on any page.
[ ] As an editor, I can copy and paste this block from the Sidekick Library.
Non-functional AC:
[ ] Block shall be named [V2 Social Block].
[ ] Icons are present for social media channels: X (formerly known as Twitter), LinkedIn, and Facebook in this order.
[ ] Icons can be re-used from the footer if possible.
[ ] Icons will be black color.
[ ] Block can be used in #603
In the Magazine Template, block is present twice on articles:
[ ] First appears below the #747 on mobile devices, and aligned to the right of the article page margin on desktop as specified in the below Figma designs.
[ ] Second appears at the bottom of the article body text above the related stories block.
Note
Figma designs use outdated Twitter logo, the new X logo should be used instead.
Context/Description
As a Mack Trucks content creator, I want to display social media icons so that users can easily share the website page they are viewing directly on their social media channels.
Acceptance Criteria
User AC:
Editor AC:
Non-functional AC:
Note
Attachment / link to Figma
Desktop: 1 - https://www.figma.com/design/oNwe2jHIICPMIe551EY62l/Mack-Reskin---Full-Project?m=dev&node-id=2222-51372 2 - https://www.figma.com/design/oNwe2jHIICPMIe551EY62l/Mack-Reskin---Full-Project?m=dev&node-id=14119-2399
Mobile: 1- https://www.figma.com/design/oNwe2jHIICPMIe551EY62l/Mack-Reskin---Full-Project?m=dev&node-id=2222-52877 2 - https://www.figma.com/design/oNwe2jHIICPMIe551EY62l/Mack-Reskin---Full-Project?m=dev&node-id=2222-52899