Skip to content

Commit 293beed

Browse files
authored
graphiql 5: remove legacy codemirror css (#4079)
* remove legacy codemirror css * remove legacy codemirror css
1 parent 6e5d5fc commit 293beed

File tree

9 files changed

+8
-462
lines changed

9 files changed

+8
-462
lines changed

.changeset/yellow-beers-turn.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@graphiql/react': patch
3+
---
4+
5+
remove legacy codemirror CSS styles

packages/graphiql-react/src/components/markdown-content/index.css

Lines changed: 3 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,7 @@
77
*/
88

99
.graphiql-markdown-description,
10-
.graphiql-markdown-deprecation,
11-
.CodeMirror-hint-information-description,
12-
.CodeMirror-hint-information-deprecation-reason,
13-
.CodeMirror-info .info-description,
14-
.CodeMirror-info .info-deprecation {
10+
.graphiql-markdown-deprecation {
1511
& blockquote {
1612
margin-left: 0;
1713
margin-right: 0;
@@ -68,9 +64,7 @@
6864
}
6965
}
7066

71-
.graphiql-markdown-description,
72-
.CodeMirror-hint-information-description,
73-
.CodeMirror-info .info-description {
67+
.graphiql-markdown-description {
7468
& a {
7569
color: hsl(var(--color-primary));
7670
text-decoration: none;
@@ -95,9 +89,7 @@
9589
}
9690
}
9791

98-
.graphiql-markdown-deprecation,
99-
.CodeMirror-hint-information-deprecation-reason,
100-
.CodeMirror-info .info-deprecation {
92+
.graphiql-markdown-deprecation {
10193
& a {
10294
color: hsl(var(--color-warning));
10395
text-decoration: underline;
@@ -120,30 +112,3 @@
120112
.graphiql-markdown-preview > :not(:first-child) {
121113
display: none;
122114
}
123-
124-
/**
125-
* We show deprecations in the following places:
126-
* - In the hint tooltip when typing in the operation editor.
127-
* - In the info tooltip when hovering over a field in the operation editor.
128-
*/
129-
130-
.CodeMirror-hint-information-deprecation,
131-
.CodeMirror-info .info-deprecation {
132-
background-color: hsla(var(--color-warning), var(--alpha-background-light));
133-
border: 1px solid hsl(var(--color-warning));
134-
border-radius: var(--border-radius-4);
135-
color: hsl(var(--color-warning));
136-
margin-top: var(--px-12);
137-
padding: var(--px-6) var(--px-8);
138-
}
139-
140-
.CodeMirror-hint-information-deprecation-label,
141-
.CodeMirror-info .info-deprecation-label {
142-
font-size: var(--font-size-hint);
143-
font-weight: var(--font-weight-medium);
144-
}
145-
146-
.CodeMirror-hint-information-deprecation-reason,
147-
.CodeMirror-info .info-deprecation-reason {
148-
margin-top: var(--px-6);
149-
}

packages/graphiql-react/src/style/codemirror.css

Lines changed: 0 additions & 159 deletions
This file was deleted.

packages/graphiql-react/src/style/fold.css

Lines changed: 0 additions & 22 deletions
This file was deleted.

packages/graphiql-react/src/style/hint.css

Lines changed: 0 additions & 71 deletions
This file was deleted.

packages/graphiql-react/src/style/info.css

Lines changed: 0 additions & 60 deletions
This file was deleted.

packages/graphiql-react/src/style/jump.css

Lines changed: 0 additions & 5 deletions
This file was deleted.

0 commit comments

Comments
 (0)