fix duplicate text when hero is active

microsoft · Nov 27, 2023 · e9a6122 · e9a6122
1 parent 80ef567
commit e9a6122
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/plugins/parcel-transformer-markdown-html/lib/index.js b/plugins/parcel-transformer-markdown-html/lib/index.js
@@ -278,6 +278,8 @@ function extractH1AndFirstP(htmlString) {
 	);
 	const h1 = h1Match ? h1Match[1].toString() : null;
 	// for morning, why isn't string replace working
-	const html = htmlString.replaceAll(entireh1Match, '').replace(pMatch, '');
+	const html = htmlString
+		.replaceAll(entireh1Match, '')
+		.replace(p, '<div class="h1-inverse-spacer"></div>');
 	return { h1, p, html };
 }
diff --git a/site/src/scaffold/styles/layout.scss b/site/src/scaffold/styles/layout.scss
@@ -39,6 +39,10 @@ html {
 	justify-content: flex-end;
 }
 
+.h1-inverse-spacer {
+	margin-block-end: -2rem;
+}
+
 #article {
 	grid-area: article;
 	overflow: hidden;