Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Add tooltip to image full width

Browse Source 
[MAILPOET-976]
This commit is contained in:
Pavel Dohnal
2017-08-03 09:05:49 +02:00
parent fad7ff0018
commit d02aed870e
4 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
assets/css/src/newsletter_editor/common.styl
View File

@@ -187,6 +187,9 @@ select.mailpoet_font-size
position: absolute position: absolute
top: 40px top: 40px
.tooltip-help-designer-full-width .dashicons
line-height 34px
.mailpoet_button_primary .mailpoet_button_primary
border-color: $button-primary-border-color border-color: $button-primary-border-color
background-color: $button-primary-background-color background-color: $button-primary-background-color

6
assets/js/src/newsletter_editor/blocks/image.js
View File

@@ -61,6 +61,12 @@ define([
}); });
Module.ImageBlockSettingsView = base.BlockSettingsView.extend({ 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; }, getTemplate: function() { return templates.imageBlockSettings; },
events: function() { events: function() {
return { return {

1
views/newsletter/editor.html
View File

@@ -336,6 +336,7 @@
'helpTooltipDesignerStyles': __('We only include fonts that will display in all email clients. We understand it can feel limiting!'), '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."), '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!"), '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'), 'templateDescriptionMissing': __('Please add a template description'),
'templateSaved': __('Template has been saved.'), 'templateSaved': __('Template has been saved.'),
'templateSaveFailed': __('Template has not been saved, please try again'), 'templateSaveFailed': __('Template has not been saved, please try again'),

1
views/newsletter/templates/blocks/image/settings.hbs
View File

@@ -29,6 +29,7 @@
<input type="checkbox" name="fullWidth" class="mailpoet_field_image_full_width" value="true" {{#if model.fullWidth }}CHECKED{{/if}}/> <input type="checkbox" name="fullWidth" class="mailpoet_field_image_full_width" value="true" {{#if model.fullWidth }}CHECKED{{/if}}/>
<%= __('Full width') %> <%= __('Full width') %>
</label> </label>
<span id="tooltip-designer-full-width" class="tooltip-help-designer-full-width"></span>
</div> </div>
</div> </div>
<hr /> <hr />