added css to address block max content width

gambitph · Jun 19, 2023 · ed9d590 · ed9d590
1 parent a8b6dc1
commit ed9d590
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 13 deletions.
diff --git a/src/block-components/helpers/size/style.js b/src/block-components/helpers/size/style.js
@@ -53,19 +53,6 @@ const Styles = props => {
 				responsive="all"
 				hasUnits="px"
 			/>
-			<BlockCss
-				{ ...propsToPass }
-				selector={ wrapperSelector || selector }
-				styleRule="width"
-				attrName="width"
-				key="width"
-				attrNameTemplate={ attrNameTemplate }
-				responsive="all"
-				valueCallback={ ( value, getAttribute, device ) => {
-					const blockWidth = getAttribute( 'width', device )
-					return blockWidth ? 'inherit' : undefined
-				} }
-			/>
 			<BlockCss
 				{ ...propsToPass }
 				selector={ wrapperSelector || selector }

diff --git a/src/block/columns/style.scss b/src/block/columns/style.scss
@@ -8,6 +8,11 @@
 	max-width: none;
 }
 
+// Make sure the blocks in inner columns have the correct width when max content width is set
+.stk-block-columns > .stk-inner-blocks > .stk-block-column .stk-inner-blocks > .stk-block {
+	width: inherit;
+}
+
 .stk-block-columns > .stk-block-content {
 	--stk-column-gap: 0px; // For nested columns, this takes precedence.
 	column-gap: var(--stk-column-gap, 0px);