Allow zero border size and border radius for button and inputs
[MAILPOET-2604]
This commit is contained in:
committed by
Veljko V
parent
7aaf07217a
commit
f4369975ed
@@ -113,7 +113,7 @@ const CustomTextAreaEdit = ({ attributes, setAttributes, clientId }) => {
|
||||
|
||||
const inputStyles = !attributes.styles.inheritFromTheme ? {
|
||||
borderRadius: attributes.styles.borderRadius ? `${attributes.styles.borderRadius}px` : 0,
|
||||
borderWidth: attributes.styles.borderSize ? `${attributes.styles.borderSize}px` : '1px',
|
||||
borderWidth: attributes.styles.borderSize !== undefined ? `${attributes.styles.borderSize}px` : '1px',
|
||||
borderColor: attributes.styles.borderColor || 'initial',
|
||||
} : {};
|
||||
|
||||
|
@@ -32,7 +32,7 @@ const SubmitEdit = ({ attributes, setAttributes }) => {
|
||||
const styles = !attributes.styles.inheritFromTheme ? {
|
||||
fontWeight: attributes.styles.bold ? 'bold' : 'inherit',
|
||||
borderRadius: attributes.styles.borderRadius ? `${attributes.styles.borderRadius}px` : 0,
|
||||
borderWidth: attributes.styles.borderSize ? `${attributes.styles.borderSize}px` : '1px',
|
||||
borderWidth: attributes.styles.borderSize !== undefined ? `${attributes.styles.borderSize}px` : '1px',
|
||||
borderColor: attributes.styles.borderColor || 'initial',
|
||||
fontSize: attributes.styles.fontSize ? `${attributes.styles.fontSize}px` : 'inherit',
|
||||
color: attributes.styles.fontColor || 'inherit',
|
||||
|
@@ -82,7 +82,7 @@ const StylesSettings = ({
|
||||
/>
|
||||
<RangeControl
|
||||
label={MailPoet.I18n.t('formSettingsBorderSize')}
|
||||
value={localStyles.borderSize || 1}
|
||||
value={localStyles.borderSize !== undefined ? localStyles.borderSize : 1}
|
||||
min={0}
|
||||
max={10}
|
||||
allowReset
|
||||
@@ -91,7 +91,7 @@ const StylesSettings = ({
|
||||
/>
|
||||
<RangeControl
|
||||
label={MailPoet.I18n.t('formSettingsBorderRadius')}
|
||||
value={localStyles.borderRadius || 1}
|
||||
value={localStyles.borderRadius !== undefined ? localStyles.borderRadius : 1}
|
||||
min={0}
|
||||
max={40}
|
||||
allowReset
|
||||
|
@@ -21,7 +21,7 @@ const TextInputEdit = ({
|
||||
|
||||
const inputStyles = !styles.inheritFromTheme ? {
|
||||
borderRadius: styles.borderRadius ? `${styles.borderRadius}px` : 0,
|
||||
borderWidth: styles.borderSize ? `${styles.borderSize}px` : '1px',
|
||||
borderWidth: styles.borderSize !== undefined ? `${styles.borderSize}px` : '1px',
|
||||
borderColor: styles.borderColor || 'initial',
|
||||
} : {};
|
||||
|
||||
|
Reference in New Issue
Block a user