Social Icons Block Appears Too Large in Preview
Summary:
The Social Icons block in the Alpha Editor does not correctly apply the selected size when the email is previewed. While the icons appear at the correct, chosen size within the editor interface itself, they always render too large in the preview, regardless of whether the size is set to Default, Small, Large, or Huge.
This is a styling issue where the CSS rules governing the icon size are not being correctly applied or are being overridden in the preview environment. The bug creates a significant discrepancy between the editor's design view and the final output, misleading users and forcing them to guess the actual size of their social icons.
The problem was specifically reproduced in the context of the MailPoet plugin, but the root cause likely lies within the Alpha Editor's code for the Social Icons block.
How to Replicate:
- Create a new email using the Alpha Editor in MailPoet.
- Add a Social Icons block to the email.
- Choose any icon style (e.g., Default, Logos Only, Pill Shape).
- Select an icon size or leave it as the default.
- Select the 'Preview in a new tab' option.
- Observe that the icons are significantly larger in the preview than in the editor.