add width inherit when max content width is set

gambitph · Jun 14, 2023 · 21a5b17 · 21a5b17
1 parent d48ad7a
commit 21a5b17
Show file tree

Hide file tree

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

diff --git a/src/block/columns/style.scss b/src/block/columns/style.scss
@@ -8,10 +8,6 @@
 	max-width: none;
 }
 
-.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);