Unify link tag edit popover look with native link edit popover

[MAILPOET-6379]
This commit is contained in:
Jan Lysý
2025-01-06 11:10:03 +01:00
committed by Aschepikov
parent 69d1714487
commit dd37e6a543
2 changed files with 24 additions and 6 deletions

View File

@@ -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;
}
}
}

View File

@@ -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={ () => {