diff --git a/assets/css/src/newsletter_editor/common.styl b/assets/css/src/newsletter_editor/common.styl index 135eacc2bc..67400cc860 100644 --- a/assets/css/src/newsletter_editor/common.styl +++ b/assets/css/src/newsletter_editor/common.styl @@ -183,6 +183,11 @@ select.mailpoet_font-size position: absolute right: 15px +.tooltip-help-designer-ideal-width + color: #656565 + text-transform: none + margin-left: 5px + .tooltip-help-designer-styles position: absolute top: 40px diff --git a/assets/js/src/newsletter_editor/blocks/image.js b/assets/js/src/newsletter_editor/blocks/image.js index ae2054601b..4c466eb7bc 100644 --- a/assets/js/src/newsletter_editor/blocks/image.js +++ b/assets/js/src/newsletter_editor/blocks/image.js @@ -66,6 +66,10 @@ define([ tooltipId: 'tooltip-editor-full-width', tooltip: MailPoet.I18n.t('helpTooltipDesignerFullWidth'), }); + MailPoet.helpTooltip.show(document.getElementById('tooltip-designer-ideal-width'), { + tooltipId: 'tooltip-editor-ideal-width', + tooltip: MailPoet.I18n.t('helpTooltipDesignerIdealWidth'), + }); }, getTemplate: function() { return templates.imageBlockSettings; }, events: function() { diff --git a/views/newsletter/editor.html b/views/newsletter/editor.html index f468520d44..00a997d2e7 100644 --- a/views/newsletter/editor.html +++ b/views/newsletter/editor.html @@ -337,6 +337,7 @@ '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."), + 'helpTooltipDesignerIdealWidth': __("Use images with widths of at least 1,000 pixels to ensure sharp display on high density screens, like mobile devices."), '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 bdf75da579..7c3dfe05a0 100644 --- a/views/newsletter/templates/blocks/image/settings.hbs +++ b/views/newsletter/templates/blocks/image/settings.hbs @@ -1,4 +1,4 @@ -