Prefix our classes

[MAILPOET-1808]
This commit is contained in:
Pavel Dohnal
2019-04-15 11:36:56 +02:00
committed by M. Shull
parent f01680a9f1
commit c75ea62ca9
5 changed files with 14 additions and 14 deletions

View File

@ -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;
}

View File

@ -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"

View File

@ -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'),

View File

@ -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'),

View File

@ -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