Remove padding on mobile
[MAILPOET-2924]
This commit is contained in:
@ -172,7 +172,15 @@ EOL;
|
||||
// Form element styles
|
||||
$formStyles = [];
|
||||
if (isset($formSettings['form_padding'])) {
|
||||
$formStyles[] = 'padding: ' . $formSettings['form_padding'] . 'px';
|
||||
if (in_array(
|
||||
$displayType,
|
||||
[FormEntity::DISPLAY_TYPE_POPUP, FormEntity::DISPLAY_TYPE_FIXED_BAR, FormEntity::DISPLAY_TYPE_SLIDE_IN]
|
||||
)) {
|
||||
$padding = $formSettings['form_padding'];
|
||||
$media .= " @media (min-width: 500px) {{$selector} {padding: {$padding}px;}} ";
|
||||
} else {
|
||||
$formStyles[] = 'padding: ' . $formSettings['form_padding'] . 'px';
|
||||
}
|
||||
}
|
||||
$formElementStyles = '';
|
||||
if ($formStyles) {
|
||||
|
@ -68,6 +68,13 @@ class StylesTest extends \MailPoetUnitTest {
|
||||
expect($styles)->contains('form.mailpoet_form {padding: 22px');
|
||||
}
|
||||
|
||||
public function testItShouldNotRenderPaddingForMobile() {
|
||||
$form = Fixtures::get('simple_form_body');
|
||||
$form['settings'] = ['form_padding' => '22'];
|
||||
$styles = $this->styles->renderFormSettingsStyles($form, '#prefix', FormEntity::DISPLAY_TYPE_SLIDE_IN);
|
||||
expect($styles)->contains('min-width: 500px) {#prefix {padding: 22px;');
|
||||
}
|
||||
|
||||
public function testItShouldRenderAlignment() {
|
||||
$form = Fixtures::get('simple_form_body');
|
||||
$form['settings'] = ['alignment' => 'right'];
|
||||
|
Reference in New Issue
Block a user