Social Block Variant - General added, Changes wrt to caption and importer

[jindaliiita]

Please always provide the GitHub issue(s) your PR is for, as well as test URLs where your change can be observed (before and after):

Fixes

Test URLs:

• Original: https://www.sunstar.com/healthy-thinking/firefighters-at-sunstar-hq-building

• Before: https://main--sunstar--hlxsites.hlx.live/healthy-thinking/firefighters-at-sunstar-hq-building

• After: https://healthy-importer--sunstar--hlxsites.hlx.live/healthy-thinking/firefighters-at-sunstar-hq-building

• Original: https://www.sunstar.com/healthy-thinking/cpc-containing-mouthwash-inactivates-coronavirus-scientific-research

• Before: https://main--sunstar--hlxsites.hlx.live/healthy-thinking/cpc-containing-mouthwash-inactivates-coronavirus-scientific-research

• After: https://healthy-importer--sunstar--hlxsites.hlx.live/healthy-thinking/cpc-containing-mouthwash-inactivates-coronavirus-scientific-research

• If you are adding a new block or a variation to an existing block, please fill below:

  Block library path: https://--sunstar--hlxsites.hlx.page/tools/sidekick/library.html?plugin=blocks&path=/sidekick/blocks/&index=0

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some test suites that validate the page speed.
In case there are problems, just click the checkbox below to rerun the respective action.

• Re-run PSI Checks

[aem-code-sync]

Page	Scores	Audits	Google
/healthy-thinking/firefighters-at-sunstar-hq-building

[aem-code-sync]

Page	Scores	Audits	Google
/healthy-thinking/firefighters-at-sunstar-hq-building

[aem-code-sync]

Page	Scores	Audits	Google
/healthy-thinking/cpc-containing-mouthwash-inactivates-coronavirus-scientific-re search
/healthy-thinking/firefighters-at-sunstar-hq-building

[aem-code-sync]

Page	Scores	Audits	Google
/healthy-thinking/cpc-containing-mouthwash-inactivates-coronavirus-scientific-re search
/healthy-thinking/firefighters-at-sunstar-hq-building

[JiangLong2019]

Nit:

① In the original site, when someone clicks the social icon, it jumps to the social site in the same window rather than opening a new window.

② the space between icons is a little bit bigger than the original one.

Original:

Franklin:

③ Lost icon animation(shows bigger) when mouseovers it.

Original:

Franklin:

[aem-code-sync]

Page	Scores	Audits	Google
/healthy-thinking/cpc-containing-mouthwash-inactivates-coronavirus-scientific-re search
/healthy-thinking/firefighters-at-sunstar-hq-building

[github-actions]

🔸 1 visual difference detected

• /brands/consumer-health-beauty (main vs branch)
  Expected an image 1280px by 4109px, received 1280px by 4101px. 159615 pixels (ratio 0.04 of all image pixels) are different.

The diff images are attached in the artifact

[jindaliiita]

Nit:

① In the original site, when someone clicks the social icon, it jumps to the social site in the same window rather than opening a new window.

② the space between icons is a little bit bigger than the original one.

Original:

Franklin:

③ Lost icon animation(shows bigger) when mouseovers it.

Original:

Franklin:

Thank @JiangLong2019, resolved all the above comments. Also regarding social site opening in new window, i have maintained the consistency which we are following across website to open external links in news window.

[JiangLong2019]

@jindaliiita Thanks, looks good to me.