Styling fixes for form step headings (#9437)

mikejolley · nielslange · web-flow · commit 3c2b83c7cf53 · 2023-05-15T12:28:24.000+01:00
Co-authored-by: Niels Lange &lt;info@nielslange.de&gt;
diff --git a/assets/js/base/components/cart-checkout/form-step/style.scss b/assets/js/base/components/cart-checkout/form-step/style.scss
@@ -76,7 +76,6 @@
 		content: "\00a0" counter(checkout-step) ".";
 		content: "\00a0" counter(checkout-step) "." / "";
 		position: absolute;
-		width: $gap-large;
 		left: -$gap-large;
 		top: 0;
 		text-align: center;
diff --git a/assets/js/blocks/checkout/form-step/editor.scss b/assets/js/blocks/checkout/form-step/editor.scss
@@ -12,4 +12,8 @@
 .wc-block-components-checkout-step__title {
 	display: flex;
 	width: 100%;
+
+	.block-editor-plain-text {
+		height: auto !important;
+	}
 }

Original file line number	Diff line number	Diff line change
`@@ -12,4 +12,8 @@`
`12`	`12`	`.wc-block-components-checkout-step__title {`
`13`	`13`	`display: flex;`
`14`	`14`	`width: 100%;`
	`15`	`+`
	`16`	`+ .block-editor-plain-text {`
	`17`	`+ height: auto !important;`
	`18`	`+ }`
`15`	`19`	`}`