diff --git a/assets/css/src/components-public/_public.scss b/assets/css/src/components-public/_public.scss
index 5da429cc5b..4729d04bfc 100644
--- a/assets/css/src/components-public/_public.scss
+++ b/assets/css/src/components-public/_public.scss
@@ -408,3 +408,9 @@ div.mailpoet_form_slide_in.active {
.mailpoet-has-background-color {
padding: 20px 30px;
}
+
+.mailpoet-heading {
+ @include breakpoint-max-width($form-break-small-width - 1) {
+ font-size: 18px !important;
+ }
+}
diff --git a/lib/Form/Block/Heading.php b/lib/Form/Block/Heading.php
index 51c06b3d2d..3ef8c21bb2 100644
--- a/lib/Form/Block/Heading.php
+++ b/lib/Form/Block/Heading.php
@@ -49,7 +49,7 @@ class Heading {
}
private function renderClass(array $block): string {
- $classes = [];
+ $classes = ['mailpoet-heading'];
if (isset($block['params']['class_name'])) {
$classes[] = $block['params']['class_name'];
}
@@ -58,9 +58,6 @@ class Heading {
$classes[] = 'mailpoet-has-background-color';
}
- if (empty($classes)) {
- return '';
- }
return 'class="'
. join(' ', $classes)
. '"';
diff --git a/tests/unit/Form/Block/HeadingTest.php b/tests/unit/Form/Block/HeadingTest.php
index c1a684584b..a4ae0a5901 100644
--- a/tests/unit/Form/Block/HeadingTest.php
+++ b/tests/unit/Form/Block/HeadingTest.php
@@ -24,7 +24,7 @@ class HeadingTest extends \MailPoetUnitTest {
'content' => 'Header',
],
]);
- expect($html)->equals('
Header
');
+ expect($html)->equals('Header
');
}
public function testItShouldRenderLevel() {
@@ -34,7 +34,7 @@ class HeadingTest extends \MailPoetUnitTest {
'level' => 1,
],
]);
- expect($html)->equals('Header
');
+ expect($html)->equals('Header
');
}
public function testItShouldRenderClass() {
@@ -45,7 +45,7 @@ class HeadingTest extends \MailPoetUnitTest {
'class_name' => 'class1 class2',
],
]);
- expect($html)->equals('Header
');
+ expect($html)->equals('Header
');
}
public function testItShouldRenderAnchor() {
@@ -56,7 +56,7 @@ class HeadingTest extends \MailPoetUnitTest {
'anchor' => 'anchor',
],
]);
- expect($html)->equals('Header
');
+ expect($html)->equals('Header
');
}
public function testItShouldRenderAlign() {
@@ -67,7 +67,7 @@ class HeadingTest extends \MailPoetUnitTest {
'align' => 'right',
],
]);
- expect($html)->equals('Header
');
+ expect($html)->equals('Header
');
}
public function testItShouldRenderTextColour() {
@@ -78,7 +78,7 @@ class HeadingTest extends \MailPoetUnitTest {
'text_color' => 'red',
],
]);
- expect($html)->equals('Header
');
+ expect($html)->equals('Header
');
}
public function testItShouldRenderBackgroundColor() {
@@ -89,7 +89,7 @@ class HeadingTest extends \MailPoetUnitTest {
],
]);
expect($html)->contains('style="background-color: red');
- expect($html)->contains('class="mailpoet-has-background-color"');
+ expect($html)->contains('class="mailpoet-heading mailpoet-has-background-color"');
}
public function testItShouldRenderFontSize() {
@@ -99,7 +99,7 @@ class HeadingTest extends \MailPoetUnitTest {
'font_size' => '33',
],
]);
- expect($html)->equals('Header
');
+ expect($html)->equals('Header
');
}
public function testItShouldRenderLineHeight() {
@@ -109,6 +109,6 @@ class HeadingTest extends \MailPoetUnitTest {
'line_height' => '2.3',
],
]);
- expect($html)->equals('Header
');
+ expect($html)->equals('Header
');
}
}