Cavemanon/piratepoet
7
Fork 0
Code Pull Requests Actions Releases 16 Activity

Add close icon

Browse Source 
[MAILPOET-2741]
This commit is contained in:
Pavel Dohnal
2020-03-25 14:13:54 +01:00
committed by Veljko V
parent 149bb90245
commit fd0abffd3a
3 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/css/src/components-public/_public.scss
View File

@@ -174,6 +174,12 @@ div.mailpoet_form_popup {
z-index: 1000; z-index: 1000;
} }
.mailpoet_popup_close_icon {
cursor: pointer;
display: block;
margin: 0 0 0 auto;
}
@include breakpoint-max-width($form-break-small-width) { @include breakpoint-max-width($form-break-small-width) {
div.mailpoet_form_popup { div.mailpoet_form_popup {
width: 100% !important; width: 100% !important;

5
assets/js/src/public.jsx
View File

@@ -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) => { $('div.mailpoet_form_popup').each((index, element) => {
const formDiv = $(element); const formDiv = $(element);
const form = formDiv.find('form'); const form = formDiv.find('form');

9
views/form/front_end_form.html
View File

@@ -9,6 +9,15 @@
<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' %>
<img
class="mailpoet_popup_close_icon"
alt="close"
width=15
height=15
src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NDcgMTA1OC44Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTc2LjIgMjAzLjVoNDc3Ljd2NDM2LjZIMTc2LjJ6Ii8+PHBhdGggZD0iTTE0MCAxNDBjMTU2LTE1NyA0MTAtMTU3IDU2NyAwIDE1NyAxNTYgMTU3IDQxMCAwIDU2N3MtNDExIDE1Ny01NjcgMGMtMTU3LTE1Ny0xNTctNDExIDAtNTY3em0xOTEgMTM0bDkyIDkyIDkzLTkyYzM3LTM4IDk0IDE5IDU3IDU3bC05MyA5MiA5MyA5M2MzNyAzNy0yMCA5NC01NyA1N2wtOTMtOTMtOTIgOTNjLTM4IDM3LTk1LTIwLTU3LTU3bDkyLTkzLTkyLTkyYy0zOC0zOCAxOS05NSA1Ny01N3oiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+'
>
<% endif %>
<%= styles | raw %> <%= styles | raw %>
<form <form
target="_self" target="_self"