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;
|
||||
|
||||
.mailpoet-personalization-tag-popover__content {
|
||||
padding: 8px;
|
||||
width: 400px;
|
||||
max-width: 350px;
|
||||
min-width: auto;
|
||||
width: 90vw;
|
||||
|
||||
.components-base-control {
|
||||
margin: 16px;
|
||||
}
|
||||
}
|
||||
.mailpoet-personalization-tag-popover__content-button {
|
||||
padding-top: 10px;
|
||||
text-align: center;
|
||||
.mailpoet-personalization-tag-popover__content-buttons {
|
||||
margin: 16px;
|
||||
text-align: right;
|
||||
|
||||
.components-button {
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@@ -74,8 +74,17 @@ const PersonalizationTagsPopover = ( {
|
||||
value={ updatedValue }
|
||||
onChange={ ( value ) => setUpdatedValue( value ) }
|
||||
__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
|
||||
isPrimary
|
||||
onClick={ () => {
|
||||
|
Reference in New Issue
Block a user