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

Align the field height across the whole form (#35720)

This commit is contained in:
Maikel David Pérez Gómez 2022-11-25 11:58:38 -03:00 committed by GitHub
parent ffb256df0e
commit 6b3056422e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/js/components/changelog/enhancement-35567 Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: enhancement
Align the field height across the whole form

4
packages/js/components/src/experimental-select-control/combo-box.scss
View File

@ -7,8 +7,10 @@
display: flex;
flex-wrap: wrap;
align-items: center;
padding: $gap-smallest 36px $gap-smallest $gap-smaller;
padding: 2px 36px 2px $gap-smaller;
margin-bottom: 4px;
min-height: 36px;
box-sizing: border-box;
> * {
display: inline-flex;

7
packages/js/components/src/form/style.scss Normal file
View File

@ -0,0 +1,7 @@
.components-base-control {
.components-text-control__input,
.components-input-control .components-input-control__container .components-input-control__input,
.components-select-control .components-input-control__container .components-select-control__input {
min-height: 36px;
}
}

1
packages/js/components/src/style.scss
View File

@ -54,3 +54,4 @@
@import 'dynamic-form/style.scss';
@import 'tour-kit/style.scss';
@import 'collapsible-content/style.scss';
@import 'form/style.scss';