Render font family
[MAILPOET-2911]
This commit is contained in:
@ -50,7 +50,7 @@ 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('input, option').css('font-family', 'inherit');
|
formDiv.find('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');
|
||||||
}
|
}
|
||||||
|
@ -23,12 +23,19 @@ class BlockStylesRenderer {
|
|||||||
if (isset($styles['border_color'])) {
|
if (isset($styles['border_color'])) {
|
||||||
$rules[] = "border-color:{$styles['border_color']};";
|
$rules[] = "border-color:{$styles['border_color']};";
|
||||||
}
|
}
|
||||||
if (isset($formSettings['input_padding'])) {
|
if (isset($styles['padding'])) {
|
||||||
|
$rules[] = "padding:{$styles['padding']}px;";
|
||||||
|
} elseif (isset($formSettings['input_padding'])) {
|
||||||
$rules[] = "padding:{$formSettings['input_padding']}px;";
|
$rules[] = "padding:{$formSettings['input_padding']}px;";
|
||||||
}
|
}
|
||||||
if (isset($formSettings['alignment'])) {
|
if (isset($formSettings['alignment'])) {
|
||||||
$rules[] = $this->convertAlignmentToMargin($formSettings['alignment']);
|
$rules[] = $this->convertAlignmentToMargin($formSettings['alignment']);
|
||||||
}
|
}
|
||||||
|
if (isset($styles['font_family'])) {
|
||||||
|
$rules[] = "font-family:'{$styles['font_family']}';" ;
|
||||||
|
} elseif (isset($formSettings['font_family'])) {
|
||||||
|
$rules[] = "font-family:'{$formSettings['font_family']}';" ;
|
||||||
|
}
|
||||||
if (isset($styles['font_size'])) {
|
if (isset($styles['font_size'])) {
|
||||||
$rules[] = "font-size:" . intval($styles['font_size']) . "px;";
|
$rules[] = "font-size:" . intval($styles['font_size']) . "px;";
|
||||||
}
|
}
|
||||||
|
@ -97,4 +97,15 @@ class BlockStylesRendererTest extends \MailPoetUnitTest {
|
|||||||
'styles' => ['font_color' => 'red'],
|
'styles' => ['font_color' => 'red'],
|
||||||
], 'input'))->notEquals('');
|
], 'input'))->notEquals('');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public function testItShouldRenderFontFamily() {
|
||||||
|
$styles = [];
|
||||||
|
$settings = [
|
||||||
|
'font_family' => 'font1',
|
||||||
|
];
|
||||||
|
$result = $this->renderer->renderForButton($styles, $settings);
|
||||||
|
expect($result)->contains("font-family:'font1'");
|
||||||
|
$result = $this->renderer->renderForButton(['font_family' => 'font2'], $settings);
|
||||||
|
expect($result)->contains("font-family:'font2'");
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user