fix column wrap on frontend

gambitph · Mar 25, 2024 · 8b15c6a · 8b15c6a
1 parent 25cda0d
commit 8b15c6a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/block/feature/save.js b/src/block/feature/save.js
@@ -44,7 +44,9 @@ export const Save = props => {
 		'stk-block-feature',
 		responsiveClass,
 		separatorClass,
-	] )
+	], {
+		'stk--column-wrap': props.attributes.columnWrapDesktop,
+	} )
 
 	const contentClassNames = classnames(
 		applyFilters( 'stackable.feature.save.contentClassNames', {

diff --git a/src/block/feature/style.scss b/src/block/feature/style.scss
@@ -3,6 +3,10 @@
 .stk-block-feature {
 	--stk-column-gap: 0px; // For nested columns, this takes precedence.
 	--stk-row-gap: 0px;
+
+	&.stk--column-wrap .stk-row {
+		flex-wrap: wrap;
+	}
 }
 .stk-block-feature > * > .stk-block-content {
 	column-gap: var(--stk-column-gap);

diff --git a/src/components/resizable-column/index.js b/src/components/resizable-column/index.js
@@ -96,7 +96,6 @@ const ResizableColumn = props => {
 	}, [ adjacentBlocks ] )
 
 	useEffect( () => {
-		// const total = newWidthsPercent.reduce( ( a, b ) => a + b, 0 )
 		if ( parentBlock && isDesktop && ! columnWrapDesktop ) {
 			fixWidthOnDisableWrap()
 		}