Display slide in form
[MAILPOET-2742]
This commit is contained in:
@@ -244,9 +244,33 @@ div.mailpoet_form_fixed_bar {
|
|||||||
bottom: 0;
|
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,
|
.mailpoet_form_popup_overlay.active,
|
||||||
div.mailpoet_form_popup.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;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@@ -76,7 +76,7 @@ jQuery(($) => {
|
|||||||
closeForm(formDiv);
|
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');
|
const cookieValue = Cookies.get('popup_form_dismissed');
|
||||||
if (cookieValue === '1') return;
|
if (cookieValue === '1') return;
|
||||||
const formDiv = $(element);
|
const formDiv = $(element);
|
||||||
|
@@ -9,7 +9,7 @@
|
|||||||
|
|
||||||
<div class="mailpoet_form_popup_overlay"></div>
|
<div class="mailpoet_form_popup_overlay"></div>
|
||||||
<div id="<%= form_html_id %>" class="mailpoet_form mailpoet_form_<%= form_type %>">
|
<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
|
<img
|
||||||
class="mailpoet_form_close_icon"
|
class="mailpoet_form_close_icon"
|
||||||
alt="close"
|
alt="close"
|
||||||
|
Reference in New Issue
Block a user