diff --git a/assets/css/src/components-form-editor/_preview.scss b/assets/css/src/components-form-editor/_preview.scss index e89191b999..4f98813289 100644 --- a/assets/css/src/components-form-editor/_preview.scss +++ b/assets/css/src/components-form-editor/_preview.scss @@ -97,11 +97,3 @@ } } } - -.mailpoet-toggle-list { - display: grid; - font-size: 13px; - grid-row-gap: 20px; - grid-template-columns: 1fr 45px; - margin-bottom: 1em; -} diff --git a/assets/js/src/form_editor/components/preview/below_posts_settings.tsx b/assets/js/src/form_editor/components/preview/below_posts_settings.tsx index 1ac929d73c..03fba62909 100644 --- a/assets/js/src/form_editor/components/preview/below_posts_settings.tsx +++ b/assets/js/src/form_editor/components/preview/below_posts_settings.tsx @@ -1,7 +1,7 @@ import React from 'react'; import MailPoet from 'mailpoet'; -import Toggle from 'common/toggle'; import { useSelect, useDispatch } from '@wordpress/data'; +import { ToggleControl } from '@wordpress/components'; import { partial } from 'lodash'; import { SizeSettings } from 'form_editor/components/size_settings'; @@ -20,28 +20,16 @@ const BelowPostsSettings = () => { return ( <> -
-
- {MailPoet.I18n.t('placeFormBellowAllPages')} -
-
- -
-
- {MailPoet.I18n.t('placeFormBellowAllPosts')} -
-
- -
-
+ + { return ( <>

{MailPoet.I18n.t('placeFixedBarFormOnPagesDescription')}

-
-
- {MailPoet.I18n.t('placeFormBellowAllPages')} -
-
- -
-
- {MailPoet.I18n.t('placeFormBellowAllPosts')} -
-
- -
-
+ + { return ( <>

{MailPoet.I18n.t('placePopupFormOnPagesDescription')}

-
-
- {MailPoet.I18n.t('placeFormBellowAllPages')} -
-
- -
-
- {MailPoet.I18n.t('placeFormBellowAllPosts')} -
-
- -
-
+ + { return ( <>

{MailPoet.I18n.t('placeSlideInFormOnPagesDescription')}

-
-
- {MailPoet.I18n.t('placeFormBellowAllPages')} -
-
- -
-
- {MailPoet.I18n.t('placeFormBellowAllPosts')} -
-
- -
-
+ + waitForElement('[data-automation-id="form_title_input"]'); $i->click('.form-sidebar-form-placement-panel'); $i->click('[data-automation-id="form-placement-option-Below pages"]'); - $i->waitForElement('[data-automation-id="place-form-bellow-all-posts-toggle"]'); - $i->checkOption('[data-automation-id="place-form-bellow-all-posts-toggle"]'); + $i->waitForText('Display on all pages', 10, '.mailpoet_preview_sidebar'); + $i->checkOption('Display on all posts'); $i->click('.mailpoet-modal-close'); $i->click('[data-automation-id="form_save_button"]'); $i->waitForText('Form saved', 10, '.automation-dismissible-notices'); diff --git a/views/form/editor.html b/views/form/editor.html index 6cce927404..1cc08c7c5f 100644 --- a/views/form/editor.html +++ b/views/form/editor.html @@ -78,8 +78,8 @@ 'placePopupFormOnPagesDescription': __('Display your form in a pop up window.'), 'placeFormBellowPages': _x('Below pages', 'This is a text on a widget that leads to settings for form placement'), 'placeFormBellowPagesDescription': __('This form placement allows you to add this form at the end of all the pages or posts, below the content.'), - 'placeFormBellowAllPages': _x('Display on all pages', 'This is a text on a switch if a form should be displayed bellow all pages'), - 'placeFormBellowAllPosts': _x('Display on all posts', 'This is a text on a switch if a form should be displayed bellow all posts'), + 'placeFormOnAllPages': _x('Display on all pages', 'This is a text on a switch if a form should be displayed bellow all pages'), + 'placeFormOnAllPosts': _x('Display on all posts', 'This is a text on a switch if a form should be displayed bellow all posts'), 'placeFormOthers': _x('Others (widget)', 'Placement of the form using theme widget'), 'formPlacementDelay': _x('Display with a delay of', 'Label on a selection of different times'), 'formPlacementPlacementPosition': _x('Position', 'Placement of a fixed bar form, on top of the page or on the bottom'),