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; 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-button { .mailpoet-personalization-tag-popover__content-buttons {
padding-top: 10px; margin: 16px;
text-align: center; text-align: right;
.components-button {
margin-left: 8px;
}
} }
} }

View File

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