fix: diff symbols (#203)

* fix: diff symbols * remove extra space --------- Co-authored-by: Puru Vijay <47742487+PuruVJ@users.noreply.github.com>
sveltejs · Sep 13, 2023 · c4c2d3b · c4c2d3b
1 parent 5475435
commit c4c2d3b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/.changeset/fair-tomatoes-smoke.md b/.changeset/fair-tomatoes-smoke.md
@@ -0,0 +1,5 @@
+---
+'@sveltejs/site-kit': patch
+---
+
+fix: diff symbols
diff --git a/packages/site-kit/src/lib/styles/text.css b/packages/site-kit/src/lib/styles/text.css
@@ -43,7 +43,7 @@
 	color: var(--sk-code-base);
 	border-radius: var(--sk-border-radius);
 	font-size: var(--sk-text-s);
-	overflow-x: hidden;
+	overflow-x: auto;
 }
 
 .text :where(pre code) {
@@ -53,7 +53,6 @@
 	top: 0;
 	width: 100%;
 	background: transparent;
-	overflow-x: auto;
 }
 
 .text :where(p code) {
@@ -130,16 +129,14 @@
 
 .language-diff :where(.inserted, .deleted)::before {
 	position: absolute;
-	left: -0.6rem;
-	top: -0.2rem;
-	font-size: 1.2rem;
+	left: -1ch;
 }
 
-.language-diff :where(.inserted::before) {
+.language-diff :where(.inserted)::before {
 	content: '+';
 }
 
-.language-diff :where(.deleted::before) {
+.language-diff :where(.deleted)::before {
 	content: '-';
 }