fix: min line height for all blocks

BearToCode · Feb 27, 2024 · 7f38d27 · 7f38d27
1 parent 33cd80a
commit 7f38d27
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git a/packages/core/src/lib/components/blocks/UnchangedBlock.svelte b/packages/core/src/lib/components/blocks/UnchangedBlock.svelte
@@ -10,11 +10,7 @@
 	{#each lines as line}
 		<div class="msm__line">
 			<div class="msm__content">
-				<!-- 
-					An empty character is needed, as in Chromium <pre> elements with
-					no content have height 0. 
-				-->
-				<pre>{line.content.trim() != '' ? line.content : ' '}</pre>
+				<pre>{line.content}</pre>
 			</div>
 		</div>
 	{/each}

diff --git a/packages/core/src/lib/styles/styles.css b/packages/core/src/lib/styles/styles.css
@@ -243,9 +243,8 @@
 	width: 100%;
 }
 
-.mismerge .msm__line pre:empty::before {
-	content: '.';
-	visibility: hidden;
+.mismerge .msm__line pre {
+	min-height: 1lh;
 }
 
 .mismerge .msm__block.modified pre {