diff --git a/assets/css/src/components-public/_public.scss b/assets/css/src/components-public/_public.scss index 19f763b007..71ad7a06a5 100644 --- a/assets/css/src/components-public/_public.scss +++ b/assets/css/src/components-public/_public.scss @@ -174,6 +174,12 @@ div.mailpoet_form_popup { z-index: 1000; } +.mailpoet_popup_close_icon { + cursor: pointer; + display: block; + margin: 0 0 0 auto; +} + @include breakpoint-max-width($form-break-small-width) { div.mailpoet_form_popup { width: 100% !important; diff --git a/assets/js/src/public.jsx b/assets/js/src/public.jsx index e4621b47fe..c3c2b0114e 100644 --- a/assets/js/src/public.jsx +++ b/assets/js/src/public.jsx @@ -35,6 +35,11 @@ jQuery(($) => { } $(() => { + $('.mailpoet_popup_close_icon').click((event) => { + const closeIcon = $(event.target); + closeIcon.parent().removeClass('active'); + }); + $('div.mailpoet_form_popup').each((index, element) => { const formDiv = $(element); const form = formDiv.find('form'); diff --git a/views/form/front_end_form.html b/views/form/front_end_form.html index c6e4b48f81..d476217bd1 100644 --- a/views/form/front_end_form.html +++ b/views/form/front_end_form.html @@ -9,6 +9,15 @@