Render submit font in JS
[MAILPOET-2911]
This commit is contained in:
@@ -50,9 +50,17 @@ jQuery(($) => {
|
||||
const originalFontFamily = formDiv.css('font-family');
|
||||
const newFontFamily = `"${fontName}", ${originalFontFamily}`;
|
||||
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(':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) {
|
||||
|
@@ -31,6 +31,10 @@ class Submit {
|
||||
|
||||
$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);
|
||||
|
||||
if ($styles) {
|
||||
|
Reference in New Issue
Block a user