Render fonts on frontend

[MAILPOET-2849]
This commit is contained in:
Pavel Dohnal
2020-06-02 16:58:16 +02:00
committed by Veljko V
parent 96de820440
commit 7310bb9bcf
3 changed files with 17 additions and 0 deletions

View File

@@ -46,6 +46,15 @@ jQuery(($) => {
return true;
}
function renderFontFamily(fontName, formDiv) {
const originalFontFamily = formDiv.css('font-family');
const newFontFamily = `"${fontName}", ${originalFontFamily}`;
formDiv.css('font-family', newFontFamily);
formDiv.find('input, option').css('font-family', 'inherit');
formDiv.find('input[type=text], textarea, input[type=email], select').css('font-family', newFontFamily);
formDiv.find(':header').css('font-family', 'inherit');
}
function showForm(formDiv, showOverlay = false) {
const form = formDiv.find('form');
const position = form.data('position');
@@ -87,6 +96,12 @@ jQuery(($) => {
$('.mailpoet_form').each((index, element) => {
$(element).children('.mailpoet_paragraph, .mailpoet_form_image, .mailpoet_form_paragraph').last().addClass('last');
});
$('form.mailpoet_form').each((index, element) => {
const form = $(element);
if (form.data('font-family')) {
renderFontFamily(form.data('font-family'), form.parent());
}
});
$('.mailpoet_form_close_icon').click((event) => {
const closeIcon = $(event.target);
const formDiv = closeIcon.parent();