Prefix our classes
[MAILPOET-1808]
This commit is contained in:
@ -129,7 +129,7 @@ span {
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
.import_selection_form {
|
||||
.mailpoet_import_selection_form {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
@ -139,7 +139,7 @@ span {
|
||||
}
|
||||
}
|
||||
|
||||
.import_heading {
|
||||
.mailpoet_import_heading {
|
||||
color: #23282d;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
@ -154,12 +154,12 @@ span {
|
||||
margin: 2px 0 5px;
|
||||
}
|
||||
|
||||
.import_paste_texts {
|
||||
.mailpoet_import_paste_texts {
|
||||
margin-right: 25px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.import_method_paste {
|
||||
.mailpoet_import_method_paste {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
@ -177,7 +177,7 @@ span {
|
||||
display: flex;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.import_heading {
|
||||
.mailpoet_import_heading {
|
||||
display: block;
|
||||
width: 300px;
|
||||
}
|
||||
|
@ -70,7 +70,7 @@ const MethodMailChimp = ({ onFinish }) => {
|
||||
if (!mailChimpLoadedLists) return null;
|
||||
return (
|
||||
<div className="mailpoet_mailchimp_lists">
|
||||
<span className="import_heading">{MailPoet.I18n.t('methodMailChimpSelectList')}</span>
|
||||
<span className="mailpoet_import_heading">{MailPoet.I18n.t('methodMailChimpSelectList')}</span>
|
||||
<Selection
|
||||
field={{
|
||||
id: 'segments',
|
||||
@ -95,7 +95,7 @@ const MethodMailChimp = ({ onFinish }) => {
|
||||
<div className="mailpoet_import_mailchimp">
|
||||
<div className="mailpoet_mailchimp_key">
|
||||
<label htmlFor="mailpoet_mailchimp_key_input" className="mailpoet_mailchimp_key_input">
|
||||
<span className="import_heading">{MailPoet.I18n.t('methodMailChimpLabel')}</span>
|
||||
<span className="mailpoet_import_heading">{MailPoet.I18n.t('methodMailChimpLabel')}</span>
|
||||
<input
|
||||
id="mailpoet_mailchimp_key_input"
|
||||
type="text"
|
||||
|
@ -16,9 +16,9 @@ const MethodPaste = ({ onValueChange, canFinish, onFinish }) => {
|
||||
|
||||
return (
|
||||
<>
|
||||
<label htmlFor="paste_input" className="import_method_paste">
|
||||
<div className="import_paste_texts">
|
||||
<span className="import_heading">{MailPoet.I18n.t('pasteLabel')}</span>
|
||||
<label htmlFor="paste_input" className="mailpoet_import_method_paste">
|
||||
<div className="mailpoet_import_paste_texts">
|
||||
<span className="mailpoet_import_heading">{MailPoet.I18n.t('pasteLabel')}</span>
|
||||
<p className="description">
|
||||
{ReactStringReplace(
|
||||
MailPoet.I18n.t('pasteDescription'),
|
||||
|
@ -21,9 +21,9 @@ const MethodUpload = ({ onValueChange, canFinish, onFinish }) => {
|
||||
return (
|
||||
<>
|
||||
<div>
|
||||
<label htmlFor="paste_input" className="import_method_paste">
|
||||
<div className="import_paste_texts">
|
||||
<span className="import_heading">{MailPoet.I18n.t('methodUpload')}</span>
|
||||
<label htmlFor="paste_input" className="mailpoet_import_method_paste">
|
||||
<div className="mailpoet_import_paste_texts">
|
||||
<span className="mailpoet_import_heading">{MailPoet.I18n.t('methodUpload')}</span>
|
||||
<p className="description">
|
||||
{ReactStringReplace(
|
||||
MailPoet.I18n.t('pasteDescription'),
|
||||
|
@ -9,7 +9,7 @@ function SelectImportMethod({
|
||||
onMethodChange,
|
||||
}) {
|
||||
const renderSelection = () => (
|
||||
<form className="import_selection_form">
|
||||
<form className="mailpoet_import_selection_form">
|
||||
<span>{MailPoet.I18n.t('methodSelectionHead')}</span>
|
||||
<label htmlFor="import-paste-method">
|
||||
<input
|
||||
|
Reference in New Issue
Block a user