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

Fixing more menu width in product block editor header (#38053) 

* Fixing more menu styles

* Adding changelog
This commit is contained in:
Joel Thiessen 2023-05-01 02:55:31 -07:00 committed by GitHub
parent 3002a19bce
commit d014e80a20
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/js/product-editor/changelog/fix-more-menu-width-38001 Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: fix
Fixing more menu width.

6
packages/js/product-editor/src/components/header/more-menu/more-menu.tsx
View File

@ -16,7 +16,11 @@ import { WooProductMoreMenuItem } from '../woo-more-menu-item';
export const MoreMenu = () => {
return (
<>
<MoreMenuDropdown>
<MoreMenuDropdown
popoverProps={ {
className: 'woocommerce-product-header__more-menu',
} }
>
{ ( { onClose }: { onClose: () => void } ) => (
<>
<WooProductMoreMenuItem.Slot

13
packages/js/product-editor/src/components/header/style.scss
View File

@ -32,11 +32,6 @@
margin-left: auto;
}
.components-popover__content {
min-width: auto;
width: min-content;
}
.woocommerce-product-header__actions {
display: flex;
@ -53,3 +48,11 @@
}
}
}
.woocommerce-product-header__more-menu {
.components-popover__content {
min-width: auto;
width: min-content;
}
}