Display form on the correct position

[MAILPOET-2740]
This commit is contained in:
Pavel Dohnal
2020-04-08 15:34:15 +02:00
committed by Veljko V
parent 665e68824e
commit 18daadd3ec
2 changed files with 10 additions and 1 deletions

View File

@@ -210,7 +210,6 @@ div.mailpoet_form_fixed_bar {
max-width: 100% !important; max-width: 100% !important;
padding: 10px; padding: 10px;
position: fixed; position: fixed;
top: 0;
width: 100% !important; width: 100% !important;
z-index: 1000; z-index: 1000;
@@ -220,6 +219,14 @@ div.mailpoet_form_fixed_bar {
} }
} }
.mailpoet_form_position_top {
top: 0;
}
.mailpoet_form_position_bottom {
bottom: 0;
}
.mailpoet_form_popup_overlay.active, .mailpoet_form_popup_overlay.active,
div.mailpoet_form_popup.active, div.mailpoet_form_popup.active,
div.mailpoet_form_fixed_bar { div.mailpoet_form_fixed_bar {

View File

@@ -59,6 +59,8 @@ jQuery(($) => {
function showForm(formDiv, showOverlay = false) { function showForm(formDiv, showOverlay = false) {
const form = formDiv.find('form'); const form = formDiv.find('form');
const position = form.data('position');
formDiv.addClass(`mailpoet_form_position_${position}`);
const background = form.data('background-color'); const background = form.data('background-color');
formDiv.css('background-color', background || 'white'); formDiv.css('background-color', background || 'white');
let delay = form.data('delay'); let delay = form.data('delay');