Add spacing between modal title and body

[MAILPOET-1510]
2019-01-16 15:03:03 +01:00
parent dd2b496718
commit 8fb96ee2bd
2 changed files with 6 additions and 0 deletions
--- a/assets/css/src/modal.styl
+++ b/assets/css/src/modal.styl
@@ -77,10 +77,14 @@ body.mailpoet_modal_opened

 .mailpoet_popup_body
  height: 92%
+  margin-top: 20px

  .button + .button
    margin-left: 10px

+.mailpoet_popup_has_title .mailpoet_popup_body
+  margin-top: 30px
+
 // modal panel
 .mailpoet_modal_overlay.mailpoet_panel_overlay
  top: 32px
--- a/assets/js/src/modal.js
+++ b/assets/js/src/modal.js
@@ -147,6 +147,8 @@ define('modal', ['mailpoet', 'jquery'],
            jQuery('#mailpoet_modal_overlay')
              .append(modal(this.options));
            // set title
+            jQuery('#mailpoet_popup')
+              .toggleClass('mailpoet_popup_has_title', Boolean(this.options.title));
            jQuery('#mailpoet_popup_title h2')
              .html(this.options.title);
          } else if (this.options.type === 'panel') {