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

Add modal close button to type selection [MAILPOET-2786]

Browse Source
This commit is contained in:
wxa
2020-09-08 02:26:52 +03:00
committed by Veljko V
parent c7683e79e5
commit 255a89bc2f
3 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/css/src/components-plugin/_newsletter-types.scss Normal file
View File

@@ -0,0 +1,8 @@
.mailpoet-newsletter-types {
.mailpoet-newsletter-types-close {
.mailpoet-modal-close {
margin-top: 0;
right: 162px;
}
}
}

1
assets/css/src/mailpoet-plugin.scss
View File

@@ -69,6 +69,7 @@
@import 'components-plugin/premium-page'; @import 'components-plugin/premium-page';
@import 'components-plugin/mp2-migrator'; @import 'components-plugin/mp2-migrator';
@import 'components-plugin/newsletter-templates'; @import 'components-plugin/newsletter-templates';
@import 'components-plugin/newsletter-types';
@import 'components-plugin/welcome-wizard'; @import 'components-plugin/welcome-wizard';
@import 'components-plugin/feature-announcement'; @import 'components-plugin/feature-announcement';
@import 'components-plugin/newsletter-congratulate'; @import 'components-plugin/newsletter-congratulate';

6
assets/js/src/newsletters/types.jsx
View File

@@ -6,6 +6,8 @@ import _ from 'underscore';
import { withRouter } from 'react-router-dom'; import { withRouter } from 'react-router-dom';
import { GlobalContext } from 'context/index.jsx'; import { GlobalContext } from 'context/index.jsx';
import ModalCloseIcon from 'common/modal/close_icon';
class NewsletterTypes extends React.Component { class NewsletterTypes extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
@@ -251,6 +253,10 @@ class NewsletterTypes extends React.Component {
<div> <div>
<link rel="prefetch" href={window.mailpoet_editor_javascript_url} as="script" /> <link rel="prefetch" href={window.mailpoet_editor_javascript_url} as="script" />
<div className="mailpoet-newsletter-types-close">
<button type="button" onClick={() => this.props.history.push('/')} className="mailpoet-modal-close">{ModalCloseIcon}</button>
</div>
<ul className="mailpoet_boxes mailpoet_boxes_types"> <ul className="mailpoet_boxes mailpoet_boxes_types">
{types.map((type) => ( {types.map((type) => (
<li key={type.slug} data-type={type.slug} className="mailpoet_newsletter_types"> <li key={type.slug} data-type={type.slug} className="mailpoet_newsletter_types">