From eb4873dcd3385f3a5c97e49fd5bce8b413c5dc4a Mon Sep 17 00:00:00 2001 From: Fernando Marichal Date: Fri, 19 Apr 2024 09:36:09 -0300 Subject: [PATCH] Fix edit custom field modal width (#46727) * Remove min-width * Add changelog * move changelog * Fix width --- .../changelog/fix-46614_edit_modal_width_custom_fields | 4 ++++ .../src/components/custom-fields/edit-modal/style.scss | 7 +++++-- 2 files changed, 9 insertions(+), 2 deletions(-) create mode 100644 packages/js/product-editor/changelog/fix-46614_edit_modal_width_custom_fields diff --git a/packages/js/product-editor/changelog/fix-46614_edit_modal_width_custom_fields b/packages/js/product-editor/changelog/fix-46614_edit_modal_width_custom_fields new file mode 100644 index 00000000000..b820b472d09 --- /dev/null +++ b/packages/js/product-editor/changelog/fix-46614_edit_modal_width_custom_fields @@ -0,0 +1,4 @@ +Significance: minor +Type: fix + +Fix edit custom field modal width #46727 diff --git a/packages/js/product-editor/src/components/custom-fields/edit-modal/style.scss b/packages/js/product-editor/src/components/custom-fields/edit-modal/style.scss index 5818569d744..aa8072baf13 100644 --- a/packages/js/product-editor/src/components/custom-fields/edit-modal/style.scss +++ b/packages/js/product-editor/src/components/custom-fields/edit-modal/style.scss @@ -1,6 +1,4 @@ .woocommerce-product-custom-fields__edit-modal { - min-width: 75%; - &-actions { display: flex; align-items: center; @@ -12,4 +10,9 @@ .components-base-control { width: 100%; } + + .components-modal__content { + width: 500px; + max-width: 100%; + } }