Display slide in form
[MAILPOET-2742]
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
@@ -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);
|
||||
|
@@ -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"
|
||||
|
Reference in New Issue
Block a user