fix height and width preview on hover

woocommerce · May 8, 2023 · 1bdce35 · 1bdce35
1 parent dccdde9
commit 1bdce35
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/assets/js/blocks/classic-template/index.tsx b/assets/js/blocks/classic-template/index.tsx
@@ -198,16 +198,19 @@ const Edit = ( {
 									}
 									text={ getButtonLabel() }
 								>
-									{ isPopoverOpen && (
+									{ true && (
 										<Popover
 											resize={ false }
 											placement="right-end"
-											shift={ true }
 										>
 											<div
 												style={ {
-													width: '600px',
-													height: 'fit-content',
+													minWidth: '250px',
+													width: '250px',
+													maxWidth: '250px',
+													minHeight: '300px',
+													height: '300px',
+													maxHeight: '300px',
 													cursor: 'pointer',
 												} }
 											>
@@ -218,7 +221,7 @@ const Edit = ( {
 													viewportWidth={ 1200 }
 													additionalStyles={ [
 														{
-															css: 'body { padding: 20px !important}',
+															css: 'body { padding: 20px !important; height: fit-content !important; overflow:hidden}',
 														},
 													] }
 												/>