Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix edit custom field modal width (#46727) 

* Remove min-width

* Add changelog

* move changelog

* Fix width
This commit is contained in:
Fernando Marichal 2024-04-19 09:36:09 -03:00 committed by GitHub
parent 2d71790b72
commit eb4873dcd3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/js/product-editor/changelog/fix-46614_edit_modal_width_custom_fields Normal file
View File

@ -0,0 +1,4 @@
Significance: minor
Type: fix
Fix edit custom field modal width #46727

7
packages/js/product-editor/src/components/custom-fields/edit-modal/style.scss
View File

@ -1,6 +1,4 @@
.woocommerce-product-custom-fields__edit-modal { .woocommerce-product-custom-fields__edit-modal {
min-width: 75%;
&-actions { &-actions {
display: flex; display: flex;
align-items: center; align-items: center;
@ -12,4 +10,9 @@
.components-base-control { .components-base-control {
width: 100%; width: 100%;
} }
.components-modal__content {
width: 500px;
max-width: 100%;
}
} }