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

Add input padding form settings

Browse Source 
[MAILPOET-2809]
This commit is contained in:
Pavel Dohnal
2020-04-20 11:32:38 +02:00
committed by Veljko V
parent e844a49e09
commit 1c47a6942b
2 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
assets/js/src/form_editor/components/form_settings/styles_settings_panel.jsx
View File

@@ -2,6 +2,7 @@ import React, { useRef } from 'react';
import { import {
Panel, Panel,
PanelBody, PanelBody,
RangeControl,
} from '@wordpress/components'; } from '@wordpress/components';
import MailPoet from 'mailpoet'; import MailPoet from 'mailpoet';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
@@ -48,6 +49,14 @@ const BasicSettingsPanel = ({ onToggle, isOpened }) => {
value={settings.fontSize} value={settings.fontSize}
onChange={partial(updateStyles, 'fontSize')} onChange={partial(updateStyles, 'fontSize')}
/> />
<RangeControl
label={MailPoet.I18n.t('formSettingsInputPadding')}
value={settings.inputPadding !== undefined ? settings.inputPadding : 5}
min={0}
max={30}
allowReset
onChange={partial(updateStyles, 'inputPadding')}
/>
</div> </div>
</PanelBody> </PanelBody>
</Panel> </Panel>

1
views/form/editor.html
View File

@@ -52,6 +52,7 @@
'formSettingsBold': _x('Bold', 'A label for checkbox in form style settings'), 'formSettingsBold': _x('Bold', 'A label for checkbox in form style settings'),
'formSettingsBorderSize': _x('Border Size', 'A label for checkbox in form style settings'), 'formSettingsBorderSize': _x('Border Size', 'A label for checkbox in form style settings'),
'formSettingsBorderRadius': _x('Border Radius', 'A label for checkbox in form style settings'), 'formSettingsBorderRadius': _x('Border Radius', 'A label for checkbox in form style settings'),
'formSettingsInputPadding': _x('Input Padding', 'A label for form style settings'),
'formSettingsBorderColor': _x('Border Color', 'A label for checkbox in form style settings'), 'formSettingsBorderColor': _x('Border Color', 'A label for checkbox in form style settings'),
'formSettingsApplyToAll': __('Apply styles to all inputs'), 'formSettingsApplyToAll': __('Apply styles to all inputs'),
'customFieldSettings': _x('Custom field settings', 'A settings section heading'), 'customFieldSettings': _x('Custom field settings', 'A settings section heading'),