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; margin: 20px 0px;
} }
.import_selection_form { .mailpoet_import_selection_form {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
@@ -139,7 +139,7 @@ span {
} }
} }
.import_heading { .mailpoet_import_heading {
color: #23282d; color: #23282d;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
@@ -154,12 +154,12 @@ span {
margin: 2px 0 5px; margin: 2px 0 5px;
} }
.import_paste_texts { .mailpoet_import_paste_texts {
margin-right: 25px; margin-right: 25px;
width: 300px; width: 300px;
} }
.import_method_paste { .mailpoet_import_method_paste {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
@@ -177,7 +177,7 @@ span {
display: flex; display: flex;
margin-right: 20px; margin-right: 20px;
} }
.import_heading { .mailpoet_import_heading {
display: block; display: block;
width: 300px; width: 300px;
} }

View File

@@ -70,7 +70,7 @@ const MethodMailChimp = ({ onFinish }) => {
if (!mailChimpLoadedLists) return null; if (!mailChimpLoadedLists) return null;
return ( return (
<div className="mailpoet_mailchimp_lists"> <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 <Selection
field={{ field={{
id: 'segments', id: 'segments',
@@ -95,7 +95,7 @@ const MethodMailChimp = ({ onFinish }) => {
<div className="mailpoet_import_mailchimp"> <div className="mailpoet_import_mailchimp">
<div className="mailpoet_mailchimp_key"> <div className="mailpoet_mailchimp_key">
<label htmlFor="mailpoet_mailchimp_key_input" className="mailpoet_mailchimp_key_input"> <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 <input
id="mailpoet_mailchimp_key_input" id="mailpoet_mailchimp_key_input"
type="text" type="text"

View File

@@ -16,9 +16,9 @@ const MethodPaste = ({ onValueChange, canFinish, onFinish }) => {
return ( return (
<> <>
<label htmlFor="paste_input" className="import_method_paste"> <label htmlFor="paste_input" className="mailpoet_import_method_paste">
<div className="import_paste_texts"> <div className="mailpoet_import_paste_texts">
<span className="import_heading">{MailPoet.I18n.t('pasteLabel')}</span> <span className="mailpoet_import_heading">{MailPoet.I18n.t('pasteLabel')}</span>
<p className="description"> <p className="description">
{ReactStringReplace( {ReactStringReplace(
MailPoet.I18n.t('pasteDescription'), MailPoet.I18n.t('pasteDescription'),

View File

@@ -21,9 +21,9 @@ const MethodUpload = ({ onValueChange, canFinish, onFinish }) => {
return ( return (
<> <>
<div> <div>
<label htmlFor="paste_input" className="import_method_paste"> <label htmlFor="paste_input" className="mailpoet_import_method_paste">
<div className="import_paste_texts"> <div className="mailpoet_import_paste_texts">
<span className="import_heading">{MailPoet.I18n.t('methodUpload')}</span> <span className="mailpoet_import_heading">{MailPoet.I18n.t('methodUpload')}</span>
<p className="description"> <p className="description">
{ReactStringReplace( {ReactStringReplace(
MailPoet.I18n.t('pasteDescription'), MailPoet.I18n.t('pasteDescription'),

View File

@@ -9,7 +9,7 @@ function SelectImportMethod({
onMethodChange, onMethodChange,
}) { }) {
const renderSelection = () => ( const renderSelection = () => (
<form className="import_selection_form"> <form className="mailpoet_import_selection_form">
<span>{MailPoet.I18n.t('methodSelectionHead')}</span> <span>{MailPoet.I18n.t('methodSelectionHead')}</span>
<label htmlFor="import-paste-method"> <label htmlFor="import-paste-method">
<input <input