diff --git a/packages/js/email-editor/src/components/block-editor/index.scss b/packages/js/email-editor/src/components/block-editor/index.scss index fe60a3efa5..907c134dce 100644 --- a/packages/js/email-editor/src/components/block-editor/index.scss +++ b/packages/js/email-editor/src/components/block-editor/index.scss @@ -76,6 +76,16 @@ width: 100%; } + .mailpoet-settings-panel__personalization-tags-button.components-button.has-icon { + display: inline-block; + height: 14px; + line-height: 14px; + padding: 0 5px; + span { + height: 11px; + } + } + .mailpoet-settings-panel__subject .components-base-control__label { width: 100%; diff --git a/packages/js/email-editor/src/components/sidebar/details-panel.tsx b/packages/js/email-editor/src/components/sidebar/details-panel.tsx index 41f51a4bbd..c6c59ab78a 100644 --- a/packages/js/email-editor/src/components/sidebar/details-panel.tsx +++ b/packages/js/email-editor/src/components/sidebar/details-panel.tsx @@ -1,4 +1,9 @@ -import { BaseControl, ExternalLink, PanelBody } from '@wordpress/components'; +import { + BaseControl, + Button, + ExternalLink, + PanelBody, +} from '@wordpress/components'; import { useDispatch } from '@wordpress/data'; import { useEntityProp } from '@wordpress/core-data'; import { __ } from '@wordpress/i18n'; @@ -10,6 +15,17 @@ import { RichText } from '@wordpress/block-editor'; const previewTextMaxLength = 150; const previewTextRecommendedLength = 80; +function PersonalizationTagsButton() { + return ( +