gah why would you put the active line above the selection (#744)

Rich-Harris · web-flow · commit 5728b06ddeb0 · 2024-10-31T18:35:45.000-04:00
diff --git a/packages/editor/src/lib/codemirror.css b/packages/editor/src/lib/codemirror.css
@@ -36,7 +36,12 @@
 	}
 
 	.cm-activeLine {
-		background: var(--sk-bg-3);
+		/* this must be translucent, or it will obscure the selection */
+		background: hsl(0, 0%, 0%, 0.04);
+
+		:root.dark & {
+			background: hsl(0, 0%, 100%, 0.04);
+		}
 	}
 
 	.cm-activeLineGutter {

Original file line number	Diff line number	Diff line change
`@@ -36,7 +36,12 @@`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`.cm-activeLine {`
`39`		`- background: var(--sk-bg-3);`
	`39`	`+ /* this must be translucent, or it will obscure the selection */`
	`40`	`+ background: hsl(0, 0%, 0%, 0.04);`
	`41`	`+`
	`42`	`+ :root.dark & {`
	`43`	`+ background: hsl(0, 0%, 100%, 0.04);`
	`44`	`+ }`
`40`	`45`	`}`
`41`	`46`
`42`	`47`	`.cm-activeLineGutter {`