diff --git a/assets/css/src/newsletter_editor/common.styl b/assets/css/src/newsletter_editor/common.styl index b0cdf3fa9d..135eacc2bc 100644 --- a/assets/css/src/newsletter_editor/common.styl +++ b/assets/css/src/newsletter_editor/common.styl @@ -187,6 +187,9 @@ select.mailpoet_font-size position: absolute top: 40px +.tooltip-help-designer-full-width .dashicons + line-height 34px + .mailpoet_button_primary border-color: $button-primary-border-color background-color: $button-primary-background-color diff --git a/assets/js/src/newsletter_editor/blocks/image.js b/assets/js/src/newsletter_editor/blocks/image.js index 3346dd2b47..ae2054601b 100644 --- a/assets/js/src/newsletter_editor/blocks/image.js +++ b/assets/js/src/newsletter_editor/blocks/image.js @@ -61,6 +61,12 @@ define([ }); Module.ImageBlockSettingsView = base.BlockSettingsView.extend({ + onRender: function() { + MailPoet.helpTooltip.show(document.getElementById('tooltip-designer-full-width'), { + tooltipId: 'tooltip-editor-full-width', + tooltip: MailPoet.I18n.t('helpTooltipDesignerFullWidth'), + }); + }, getTemplate: function() { return templates.imageBlockSettings; }, events: function() { return { diff --git a/views/newsletter/editor.html b/views/newsletter/editor.html index 05322fe2cd..f468520d44 100644 --- a/views/newsletter/editor.html +++ b/views/newsletter/editor.html @@ -336,6 +336,7 @@ 'helpTooltipDesignerStyles': __('We only include fonts that will display in all email clients. We understand it can feel limiting!'), 'helpTooltipDesignerSubjectLine': __("You can add MailPoet shortcodes here. For example, you can add your subscribers' first names by using this shortcode: [user:firstname | default:reader] Simply copy and paste the shortcode into the field."), 'helpTooltipDesignerPreheader': __("This optional text will appear in your subscribers' inboxes, beside the subject line. Write something enticing!"), + 'helpTooltipDesignerFullWidth': __("This option eliminates padding around the image. It only works if the image is larger than the column size."), 'templateDescriptionMissing': __('Please add a template description'), 'templateSaved': __('Template has been saved.'), 'templateSaveFailed': __('Template has not been saved, please try again'), diff --git a/views/newsletter/templates/blocks/image/settings.hbs b/views/newsletter/templates/blocks/image/settings.hbs index 4592b5c918..bdf75da579 100644 --- a/views/newsletter/templates/blocks/image/settings.hbs +++ b/views/newsletter/templates/blocks/image/settings.hbs @@ -29,6 +29,7 @@ <%= __('Full width') %> +