Unify link tag edit popover look with native link edit popover
[MAILPOET-6379]
This commit is contained in:
@@ -78,11 +78,20 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
.mailpoet-personalization-tag-popover__content {
|
.mailpoet-personalization-tag-popover__content {
|
||||||
padding: 8px;
|
max-width: 350px;
|
||||||
width: 400px;
|
min-width: auto;
|
||||||
|
width: 90vw;
|
||||||
|
|
||||||
|
.components-base-control {
|
||||||
|
margin: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mailpoet-personalization-tag-popover__content-buttons {
|
||||||
|
margin: 16px;
|
||||||
|
text-align: right;
|
||||||
|
|
||||||
|
.components-button {
|
||||||
|
margin-left: 8px;
|
||||||
}
|
}
|
||||||
.mailpoet-personalization-tag-popover__content-button {
|
|
||||||
padding-top: 10px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@@ -74,8 +74,17 @@ const PersonalizationTagsPopover = ( {
|
|||||||
value={ updatedValue }
|
value={ updatedValue }
|
||||||
onChange={ ( value ) => setUpdatedValue( value ) }
|
onChange={ ( value ) => setUpdatedValue( value ) }
|
||||||
__nextHasNoMarginBottom // To avoid warning about deprecation in console
|
__nextHasNoMarginBottom // To avoid warning about deprecation in console
|
||||||
|
__next40pxDefaultSize
|
||||||
/>
|
/>
|
||||||
<div className="mailpoet-personalization-tag-popover__content-button">
|
<div className="mailpoet-personalization-tag-popover__content-buttons">
|
||||||
|
<Button
|
||||||
|
isTertiary
|
||||||
|
onClick={ () => {
|
||||||
|
setIsPopoverVisible( false );
|
||||||
|
} }
|
||||||
|
>
|
||||||
|
{ __( 'Cancel', 'mailpoet' ) }
|
||||||
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
isPrimary
|
isPrimary
|
||||||
onClick={ () => {
|
onClick={ () => {
|
||||||
|
Reference in New Issue
Block a user