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

Product Block Editor: tweak styles/layout of attribute modal implementation (#47374) 

* align terms dropdown help box

* reduce spinner size

* set a min height for each table row

* tweak terms style component when disabled

* changelog
This commit is contained in:
Damián Suárez 2024-05-13 19:02:26 +01:00 committed by GitHub
parent 00c6293728
commit 7c1da8129d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/js/product-editor/changelog/update-product-editor-tweak-attributes-layout Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: update
Product Block Editor: tweak styles/layout of attribute modal implementation

4
packages/js/product-editor/src/components/attribute-combobox-field/styles.scss
View File

@ -52,7 +52,7 @@
.components-spinner {
margin: 0 4px 0 0;
padding: 2px;
width: 20px;
height: 20px;
width: 18px;
height: 18px;
}
}

11
packages/js/product-editor/src/components/attribute-control/new-attribute-modal.scss
View File

@ -26,6 +26,10 @@
&__body {
min-height: 200px;
flex: 1 1 auto;
.woocommerce-new-attribute-modal__table-row {
min-height: 80px;
}
}
&__table {
@ -65,7 +69,7 @@
.components-form-token-field__help {
position: absolute;
top: 32px;
top: 36px;
z-index: 0;
}
@ -90,6 +94,11 @@
&:not(.is-disabled) {
background-color: white;
}
&:focus-within {
outline: none;
box-shadow: none;
}
}
.components-form-token-field__input {