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 c4f89f5bf7..a8dc482816 100644 --- a/packages/js/email-editor/src/components/block-editor/index.scss +++ b/packages/js/email-editor/src/components/block-editor/index.scss @@ -48,6 +48,20 @@ span { font-size: 13px; } + + p:last-child { + margin-bottom: 0; + } + } + + .mailpoet-email-type-info__content_heading { + display: flex; + + div:last-child { + margin-left: auto; + margin-right: -8px; + margin-top: -6px; + } } } diff --git a/packages/js/email-editor/src/components/sidebar/template-info.tsx b/packages/js/email-editor/src/components/sidebar/template-info.tsx index ded8d758bd..ccc0e236dd 100644 --- a/packages/js/email-editor/src/components/sidebar/template-info.tsx +++ b/packages/js/email-editor/src/components/sidebar/template-info.tsx @@ -1,7 +1,13 @@ -import { Panel, PanelBody, PanelRow } from '@wordpress/components'; +import { + Panel, + PanelBody, + PanelRow, + DropdownMenu, + MenuItem, +} from '@wordpress/components'; import { __ } from '@wordpress/i18n'; import { useSelect } from '@wordpress/data'; -import { Icon, layout } from '@wordpress/icons'; +import { Icon, layout, moreVertical } from '@wordpress/icons'; import { storeName } from '../../store'; export function TemplateInfo() { @@ -20,10 +26,31 @@ export function TemplateInfo() {
-

- { /* @ts-expect-error Todo template type is not defined */ } - { template?.title || __( 'Template', 'mailpoet' ) } -

+
+

+ { /* @ts-expect-error Todo template type is not defined */ } + { template?.title || + __( 'Template', 'mailpoet' ) } +

+ + { ( { onClose } ) => ( + { + onClose(); + } } + info={ __( + 'Reset to default to clear all customizations', + 'mailpoet' + ) } + > + { __( 'Reset', 'mailpoet' ) } + + ) } + +
{ description &&

{ description || '' }

}

{ __(