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

Fix sizing of `<SelectControl>` & UI bug for `<ReportFilters>` (#42969) 

Fix the style of select control components 

Set `box-sizing` to `border-box`, to prevent `<SelectControl>` from being wider than its container.
This commit is contained in:
Tomek Wytrębowicz 2024-01-02 22:42:19 +01:00 committed by GitHub
parent 64a51caa06
commit f35b6e2f9c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/js/components/changelog/42969-fix-select-style Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: fix
Fix sizing of `<SelectControl>`.

1
packages/js/components/src/select-control/style.scss
View File

@ -4,6 +4,7 @@
.components-base-control { .components-base-control {
height: 56px; height: 56px;
display: flex; display: flex;
box-sizing: border-box;
align-items: center; align-items: center;
border: 1px solid $studio-gray-20; border: 1px solid $studio-gray-20;
border-radius: 3px; border-radius: 3px;