Display slide in form

[MAILPOET-2742]
This commit is contained in:
Pavel Dohnal
2020-04-14 11:33:42 +02:00
committed by Veljko V
parent 3aeedd8eda
commit c0fd647f34
3 changed files with 27 additions and 3 deletions

View File

@@ -244,9 +244,33 @@ div.mailpoet_form_fixed_bar {
bottom: 0;
}
div.mailpoet_form_slide_in {
background-color: white;
bottom: 0;
box-shadow: 0 4px 35px 0 rgba(195, 65, 2, .2);
display: none;
min-width: 350px;
padding: 10px;
position: fixed;
z-index: 1000;
@include breakpoint-max-width($form-break-small-width) {
min-width: 100%;
}
}
.mailpoet_form_position_left {
left: 0;
}
.mailpoet_form_position_right {
right: 0;
}
.mailpoet_form_popup_overlay.active,
div.mailpoet_form_popup.active,
div.mailpoet_form_fixed_bar.active {
div.mailpoet_form_fixed_bar.active,
div.mailpoet_form_slide_in.active {
display: block;
}

View File

@@ -76,7 +76,7 @@ jQuery(($) => {
closeForm(formDiv);
});
$('div.mailpoet_form_fixed_bar').each((index, element) => {
$('div.mailpoet_form_fixed_bar, div.mailpoet_form_slide_in').each((index, element) => {
const cookieValue = Cookies.get('popup_form_dismissed');
if (cookieValue === '1') return;
const formDiv = $(element);

View File

@@ -9,7 +9,7 @@
<div class="mailpoet_form_popup_overlay"></div>
<div id="<%= form_html_id %>" class="mailpoet_form mailpoet_form_<%= form_type %>">
<% if form_type == 'popup' or form_type == 'fixed_bar' %>
<% if form_type == 'popup' or form_type == 'fixed_bar' or form_type == 'slide_in' %>
<img
class="mailpoet_form_close_icon"
alt="close"