diff --git a/src/components/ItaliaTheme/Blocks/Callout/Edit.jsx b/src/components/ItaliaTheme/Blocks/Callout/Edit.jsx index e881d7e4e..78571ef7a 100644 --- a/src/components/ItaliaTheme/Blocks/Callout/Edit.jsx +++ b/src/components/ItaliaTheme/Blocks/Callout/Edit.jsx @@ -30,14 +30,8 @@ const messages = defineMessages({ * @extends Component */ const Edit = (props) => { - const { - data, - onChangeBlock, - block, - onSelectBlock, - selected, - ...otherProps - } = props; + const { data, onChangeBlock, block, onSelectBlock, selected, ...otherProps } = + props; const intl = useIntl(); const { selectedField, setSelectedField } = useHandleDetachedBlockFocus( props, @@ -55,21 +49,23 @@ const Edit = (props) => { {data.icon && } - { - setSelectedField('text'); - }} - onSelectBlock={onSelectBlock} - /> +
+ { + setSelectedField('text'); + }} + onSelectBlock={onSelectBlock} + /> +
{ > {data.icon && } - {data.title} + {data.title} diff --git a/src/theme/ItaliaTheme/Blocks/_callout.scss b/src/theme/ItaliaTheme/Blocks/_callout.scss index 9109126a8..e6b470853 100644 --- a/src/theme/ItaliaTheme/Blocks/_callout.scss +++ b/src/theme/ItaliaTheme/Blocks/_callout.scss @@ -4,9 +4,14 @@ body.cms-ui { .callout { .callout-title { display: flex; + .icon { - flex: 1 0 100%; max-width: 32px; + flex: 1 0 100%; + } + + .text:after { + z-index: -1; } }