Render submit font in JS
[MAILPOET-2911]
This commit is contained in:
@@ -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) {
|
||||||
|
@@ -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) {
|
||||||
|
Reference in New Issue
Block a user