Render submit font in JS

[MAILPOET-2911]
This commit is contained in:
Pavel Dohnal
2020-06-11 12:10:11 +02:00
committed by Veljko V
parent 61a43fd67d
commit f1fe28d409
2 changed files with 13 additions and 1 deletions

View File

@@ -50,9 +50,17 @@ jQuery(($) => {
const originalFontFamily = formDiv.css('font-family'); const originalFontFamily = formDiv.css('font-family');
const newFontFamily = `"${fontName}", ${originalFontFamily}`; const newFontFamily = `"${fontName}", ${originalFontFamily}`;
formDiv.css('font-family', newFontFamily); formDiv.css('font-family', newFontFamily);
formDiv.find('option').css('font-family', 'inherit'); formDiv.find('input, option').css('font-family', 'inherit');
formDiv.find('input[type=text], textarea, input[type=email], select').css('font-family', newFontFamily); formDiv.find('input[type=text], textarea, input[type=email], select').css('font-family', newFontFamily);
formDiv.find(':header').css('font-family', 'inherit'); formDiv.find(':header').css('font-family', 'inherit');
formDiv.find('input[data-font-family]').each(function applyFontFamilyToInput() {
const element = $(this);
const inputFontFamily = element.data('font-family');
const inputOriginalFontFamily = element.css('font-family');
const inputNewFontFamily = `"${inputFontFamily}", ${inputOriginalFontFamily}`;
element.css('font-family', inputNewFontFamily);
});
} }
function showForm(formDiv, showOverlay = false) { function showForm(formDiv, showOverlay = false) {

View File

@@ -31,6 +31,10 @@ class Submit {
$html .= 'data-automation-id="subscribe-submit-button" '; $html .= 'data-automation-id="subscribe-submit-button" ';
if (isset($block['styles']['font_family'])) {
$html .= "data-font-family='{$block['styles']['font_family']}' " ;
}
$styles = $this->stylesRenderer->renderForButton($block['styles'] ?? [], $formSettings); $styles = $this->stylesRenderer->renderForButton($block['styles'] ?? [], $formSettings);
if ($styles) { if ($styles) {