Fix css theme override on result window (#1923)

cgarnier · web-flow · commit cd6854352ac6 · 2021-07-10T12:22:29.000+02:00
diff --git a/.changeset/three-ligers-tie.md b/.changeset/three-ligers-tie.md
@@ -0,0 +1,5 @@
+---
+'graphiql': patch
+---
+
+Fix result window theme
diff --git a/packages/graphiql/src/css/app.css b/packages/graphiql/src/css/app.css
@@ -213,7 +213,7 @@
 }
 
 /* No `.graphiql-container` here so themes can overwrite */
-.result-window .CodeMirror {
+.result-window .CodeMirror.cm-s-graphiql {
   background: #f6f7f8;
 }
 

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'graphiql': patch
 +---
++
 +Fix result window theme
Original file line number	Diff line number	Diff line change
`@@ -213,7 +213,7 @@`
`213`	`213`	`}`
`214`	`214`
`215`	`215`	/* No `.graphiql-container` here so themes can overwrite */
`216`		`-.result-window .CodeMirror {`
	`216`	`+.result-window .CodeMirror.cm-s-graphiql {`
`217`	`217`	`background: #f6f7f8;`
`218`	`218`	`}`
`219`	`219`