graphiql-rails 1.3.0 → 1.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (45) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/graphiql/rails/application.js +3 -3
  3. data/app/assets/javascripts/graphiql/rails/{graphiql-0.7.4.js → graphiql-0.8.0.js} +13447 -14884
  4. data/app/assets/javascripts/graphiql/rails/{react-15.3.1.js → react-15.3.2.js} +171 -176
  5. data/app/assets/javascripts/graphiql/rails/{react-dom-15.3.1.js → react-dom-15.3.2.js} +1 -1
  6. data/app/assets/stylesheets/graphiql/rails/application.css +2 -2
  7. data/app/assets/stylesheets/graphiql/rails/{graphiql-0.7.4.css → graphiql-0.8.0.css} +147 -78
  8. data/lib/graphiql/rails/version.rb +1 -1
  9. data/test/dummy/log/test.log +54 -0
  10. data/test/dummy/tmp/cache/assets/sprockets/v3.0/1p/1p7_p-w3h5HoV6eexdYKPvMrxklmxdlTbabQczEEksQ.cache +1 -0
  11. data/test/dummy/tmp/cache/assets/sprockets/v3.0/35/35WBoIH_11VxISrZaBlIndZRlJ5r_hyltJiwG975Axk.cache +1 -0
  12. data/test/dummy/tmp/cache/assets/sprockets/v3.0/6-/6-LOpBZqN_WH2LDP0xjgJMLVZLESOIU9Aw2b4iHM5fs.cache +1 -0
  13. data/test/dummy/tmp/cache/assets/sprockets/v3.0/8-/8-U7zUVndW_d0FDk2U3ZDowvpisV-3yItdrbtPR0Olg.cache +1 -0
  14. data/test/dummy/tmp/cache/assets/sprockets/v3.0/83/83gJmbcd3mnIYQT740LwJbj1DaTpagwTWnfrKrqik6E.cache +0 -0
  15. data/test/dummy/tmp/cache/assets/sprockets/v3.0/BI/BILRLa6u7OJB478Lv33uNdF2CTZAtQ9UUyt40vRZyQU.cache +2 -0
  16. data/test/dummy/tmp/cache/assets/sprockets/v3.0/GD/GDTZ5oWcwSRCXPCEpSUbkX3BTWh2vhaLgPvJHxVHkZY.cache +2 -0
  17. data/test/dummy/tmp/cache/assets/sprockets/v3.0/Gn/Gnd-um8kchIKSICy3rzI_5Aaq-C5IHuaVrLQ_Aad3mQ.cache +0 -0
  18. data/test/dummy/tmp/cache/assets/sprockets/v3.0/Mp/Mpus175PU9DmWDNWLEUncTAcByMMSu-HhCUuIvFB7yc.cache +1 -0
  19. data/test/dummy/tmp/cache/assets/sprockets/v3.0/R0/R08BzBDkGd9g2koopOT7DT6wKzFe05szGnCgODTCjNQ.cache +0 -0
  20. data/test/dummy/tmp/cache/assets/sprockets/v3.0/SF/SFiYnWCKZ4GF8zlst1XIrwxl1WFC45BmASoohpWPd84.cache +2 -0
  21. data/test/dummy/tmp/cache/assets/sprockets/v3.0/Ug/UgWAyTmm2Ed6U6-GLI1VvoINx_9Rdd5TnTxqBd2B5xc.cache +3 -0
  22. data/test/dummy/tmp/cache/assets/sprockets/v3.0/XZ/XZJGIsAwHoZlPXMlIx1_yABMwtbNAUp_yI7tOMbZgdU.cache +1 -0
  23. data/test/dummy/tmp/cache/assets/sprockets/v3.0/_d/_dY9njOW19cklh-ewiac5HiA65LwVYKIb6R_IrNRYzU.cache +2 -0
  24. data/test/dummy/tmp/cache/assets/sprockets/v3.0/cO/cOAueJKh9nuf3xvdIBixVT1s8N_-nLBtmjsaSzOpwg8.cache +1 -0
  25. data/test/dummy/tmp/cache/assets/sprockets/v3.0/dB/dB2Exqzi_7fBxm01Ro2DM7jnlHLFawFK3yXKou6pgyA.cache +1 -0
  26. data/test/dummy/tmp/cache/assets/sprockets/v3.0/h0/h0F1byXPciEndpvPLiSEpO8f7fw4uZjoMc9tLVxZFRU.cache +0 -0
  27. data/test/dummy/tmp/cache/assets/sprockets/v3.0/hv/hvaokpd4_23IwsM-Fl74g64vPCKPMZAaOESvixahDeY.cache +1 -0
  28. data/test/dummy/tmp/cache/assets/sprockets/v3.0/jU/jUWt19fVGluoSzwe5GfGU2j-wCQ6FNep6S8SdLAoBYc.cache +1 -0
  29. data/test/dummy/tmp/cache/assets/sprockets/v3.0/mT/mTTjPru4dxDhaJnHalf8yWwebOIR97CU4fAjuj7DwmM.cache +1 -0
  30. data/test/dummy/tmp/cache/assets/sprockets/v3.0/q-/q-bIsyv_gLCwVI56S0NDDvq2BlbpMP0WnLeiWAia_z0.cache +3 -0
  31. data/test/dummy/tmp/cache/assets/sprockets/v3.0/r6/r6zAqMlkr_LD1T4Gr3uJhi4zKLf852Y3s8y0mLoXvoI.cache +3 -0
  32. data/test/dummy/tmp/cache/assets/sprockets/v3.0/rK/RkcFwrMob29Nx93hQI1xNkEXrIuTqENPTjiPdvp8Irw.cache +1 -0
  33. data/test/dummy/tmp/cache/assets/sprockets/v3.0/rK/rKT3JEAgY2xQkZkObEvW_S-aA2-WraDur4k_8kA2Q80.cache +1 -0
  34. data/test/dummy/tmp/cache/assets/sprockets/v3.0/rR/rRP_vrHmf6n0bThLAWZOQQ58vBeGpTqWoLg9mJ8v5NE.cache +0 -0
  35. data/test/dummy/tmp/cache/assets/sprockets/v3.0/rm/rmsXQmmr8BkD3Hpc-W7bloFfMOXPcgzFpIwmrLniqHs.cache +3 -0
  36. data/test/dummy/tmp/cache/assets/sprockets/v3.0/tJ/tJN9oADWH0ryNbjWzFqhQ_HGCek6GPM0QbaghUosnWY.cache +2 -0
  37. data/test/dummy/tmp/cache/assets/sprockets/v3.0/u5/u5AuqAcq2hl6roEJteC1r1mVoR7VEqt5SV8jwzK4GZo.cache +0 -0
  38. data/test/dummy/tmp/cache/assets/sprockets/v3.0/v6/v6mxUToSmG-6J-XA_oPEO5BoF3KCwgRTrg70pqQX6xg.cache +1 -0
  39. data/test/dummy/tmp/cache/assets/sprockets/v3.0/vj/vjqmUY_h3NgLstN1Jfcau_2rGV-cdgyFdWjypBpF3x4.cache +0 -0
  40. data/test/dummy/tmp/cache/assets/sprockets/v3.0/x5/x5gk2iQTlVlt4Hk8DKJwtbGvkwxH6XMWAX3iokMIy1g.cache +0 -0
  41. data/test/dummy/tmp/cache/assets/sprockets/v3.0/xw/xwWWNBnove6mATVpvOJ7uBZkoBqXRlGnDZNR64ckNx8.cache +1 -0
  42. data/test/dummy/tmp/cache/assets/sprockets/v3.0/yL/yLVqhPCNcVTbpUt7K66-E4rXgH9sPDxfNXqMWF_eM44.cache +0 -0
  43. data/test/dummy/tmp/cache/assets/sprockets/v3.0/yP/yPvcKR8n3Xvk90hPMC4E4dlv4DizQycdzHazro5upUI.cache +0 -0
  44. data/test/dummy/tmp/cache/assets/sprockets/v3.0/zg/zg6igLfzkTq4aU8PoYWHgo2qC9Bsrpw_pl1IGJc-qQk.cache +1 -0
  45. metadata +74 -6
data/app/assets/javascripts/graphiql/rails/{react-dom-15.3.1.js → react-dom-15.3.2.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * ReactDOM v15.3.1
2
+ * ReactDOM v15.3.2
3
3
  *
4
4
  * Copyright 2013-present, Facebook, Inc.
5
5
  * All rights reserved.
data/app/assets/stylesheets/graphiql/rails/application.css CHANGED
@@ -1,8 +1,8 @@
1
1
  /*
2
- = require ./graphiql-0.7.4
2
+ = require ./graphiql-0.8.0
3
3
  */
4
4
 
5
- html, body {
5
+ html, body, #graphiql-container {
6
6
  height: 100%;
7
7
  margin: 0;
8
8
  overflow: hidden;
data/app/assets/stylesheets/graphiql/rails/{graphiql-0.7.4.css → graphiql-0.8.0.css} RENAMED
@@ -1,9 +1,10 @@
1
- #graphiql-container {
1
+ .graphiql-container {
2
2
  color: #141823;
3
- display: flex;
4
3
  display: -webkit-flex;
5
- flex-direction: row;
4
+ display: -ms-flexbox;
6
5
  -webkit-flex-direction: row;
6
+ -ms-flex-direction: row;
7
+ flex-direction: row;
7
8
  font-family:
8
9
  system,
9
10
  -apple-system,
@@ -24,55 +25,63 @@
24
25
  width: 100%;
25
26
  }
26
27
 
27
- #graphiql-container .editorWrap {
28
+ .graphiql-container .editorWrap {
28
29
  display: -webkit-flex;
29
- display: flex;
30
+ display: -ms-flexbox;
31
+ display: -ms-flexbox;
30
32
  -webkit-flex-direction: column;
33
+ -ms-flex-direction: column;
31
34
  flex-direction: column;
32
35
  -webkit-flex: 1;
36
+ -ms-flex: 1;
33
37
  flex: 1;
34
38
  }
35
39
 
36
- #graphiql-container .title {
40
+ .graphiql-container .title {
37
41
  font-size: 18px;
38
42
  }
39
43
 
40
- #graphiql-container .title em {
44
+ .graphiql-container .title em {
41
45
  font-family: georgia;
42
46
  font-size: 19px;
43
47
  }
44
48
 
45
- #graphiql-container .topBarWrap {
49
+ .graphiql-container .topBarWrap {
46
50
  display: -webkit-flex;
47
- display: flex;
51
+ display: -ms-flexbox;
48
52
  -webkit-flex-direction: row;
53
+ -ms-flex-direction: row;
49
54
  flex-direction: row;
50
55
  }
51
56
 
52
- #graphiql-container .topBar {
57
+ .graphiql-container .topBar {
53
58
  -webkit-align-items: center;
59
+ -ms-align-items: center;
54
60
  align-items: center;
55
61
  background: -webkit-linear-gradient(#f7f7f7, #e2e2e2);
56
62
  background: linear-gradient(#f7f7f7, #e2e2e2);
57
63
  border-bottom: 1px solid #d0d0d0;
58
64
  cursor: default;
59
65
  display: -webkit-flex;
60
- display: flex;
66
+ display: -ms-flexbox;
61
67
  height: 34px;
62
68
  padding: 7px 14px 6px;
63
69
  -webkit-flex: 1;
70
+ -ms-flex: 1;
64
71
  flex: 1;
65
72
  -webkit-flex-direction: row;
73
+ -ms-flex-direction: row;
66
74
  flex-direction: row;
67
75
  -webkit-user-select: none;
76
+ -ms-user-select: none;
68
77
  user-select: none;
69
78
  }
70
79
 
71
- #graphiql-container .toolbar {
80
+ .graphiql-container .toolbar {
72
81
  overflow-x: auto;
73
82
  }
74
83
 
75
- #graphiql-container .docExplorerShow {
84
+ .graphiql-container .docExplorerShow {
76
85
  background: -webkit-linear-gradient(#f7f7f7, #e2e2e2);
77
86
  background: linear-gradient(#f7f7f7, #e2e2e2);
78
87
  border-bottom: 1px solid #d0d0d0;
@@ -87,7 +96,7 @@
87
96
  padding: 2px 20px 0 18px;
88
97
  }
89
98
 
90
- #graphiql-container .docExplorerShow:before {
99
+ .graphiql-container .docExplorerShow:before {
91
100
  border-left: 2px solid #3B5998;
92
101
  border-top: 2px solid #3B5998;
93
102
  content: '';
@@ -96,47 +105,54 @@
96
105
  margin: 0 3px -1px 0;
97
106
  position: relative;
98
107
  -webkit-transform: rotate(-45deg);
108
+ -ms-transform: rotate(-45deg);
99
109
  transform: rotate(-45deg);
100
110
  width: 9px;
101
111
  }
102
112
 
103
- #graphiql-container .editorBar {
113
+ .graphiql-container .editorBar {
104
114
  display: -webkit-flex;
105
- display: flex;
115
+ display: -ms-flexbox;
106
116
  -webkit-flex: 1;
117
+ -ms-flex: 1;
107
118
  flex: 1;
108
119
  -webkit-flex-direction: row;
120
+ -ms-flex-direction: row;
109
121
  flex-direction: row;
110
122
  }
111
123
 
112
- #graphiql-container .queryWrap {
124
+ .graphiql-container .queryWrap {
113
125
  display: -webkit-flex;
114
- display: flex;
126
+ display: -ms-flexbox;
115
127
  -webkit-flex: 1;
128
+ -ms-flex: 1;
116
129
  flex: 1;
117
130
  -webkit-flex-direction: column;
131
+ -ms-flex-direction: column;
118
132
  flex-direction: column;
119
133
  }
120
134
 
121
- #graphiql-container .resultWrap {
135
+ .graphiql-container .resultWrap {
122
136
  border-left: solid 1px #e0e0e0;
123
137
  display: -webkit-flex;
124
138
  display: flex;
125
139
  position: relative;
126
140
  -webkit-flex: 1;
141
+ -ms-flex: 1;
127
142
  flex: 1;
128
143
  -webkit-flex-direction: column;
144
+ -ms-flex-direction: column;
129
145
  flex-direction: column;
130
146
  }
131
147
 
132
- #graphiql-container .docExplorerWrap {
148
+ .graphiql-container .docExplorerWrap {
133
149
  background: white;
134
150
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
135
151
  position: relative;
136
152
  z-index: 3;
137
153
  }
138
154
 
139
- #graphiql-container .docExplorerResizer {
155
+ .graphiql-container .docExplorerResizer {
140
156
  cursor: col-resize;
141
157
  height: 100%;
142
158
  left: -5px;
@@ -146,29 +162,32 @@
146
162
  z-index: 10;
147
163
  }
148
164
 
149
- #graphiql-container .docExplorerHide {
165
+ .graphiql-container .docExplorerHide {
150
166
  cursor: pointer;
151
167
  font-size: 18px;
152
168
  margin: -7px -8px -6px 0;
153
169
  padding: 18px 16px 15px 12px;
154
170
  }
155
171
 
156
- #graphiql-container .query-editor {
172
+ .graphiql-container .query-editor {
157
173
  -webkit-flex: 1;
174
+ -ms-flex: 1;
158
175
  flex: 1;
159
176
  position: relative;
160
177
  }
161
178
 
162
- #graphiql-container .variable-editor {
179
+ .graphiql-container .variable-editor {
163
180
  display: -webkit-flex;
181
+ display: -ms-flex;
164
182
  display: flex;
165
183
  height: 29px;
166
184
  -webkit-flex-direction: column;
185
+ -ms-flex-direction: column;
167
186
  flex-direction: column;
168
187
  position: relative;
169
188
  }
170
189
 
171
- #graphiql-container .variable-editor-title {
190
+ .graphiql-container .variable-editor-title {
172
191
  background: #eeeeee;
173
192
  border-bottom: 1px solid #d6d6d6;
174
193
  border-top: 1px solid #e0e0e0;
@@ -180,22 +199,27 @@
180
199
  padding: 6px 0 8px 43px;
181
200
  text-transform: lowercase;
182
201
  -webkit-user-select: none;
202
+ -ms-user-select: none;
183
203
  user-select: none;
184
204
  }
185
205
 
186
- #graphiql-container .codemirrorWrap {
206
+ .graphiql-container .codemirrorWrap {
187
207
  -webkit-flex: 1;
208
+ -ms-flex: 1;
188
209
  flex: 1;
189
210
  position: relative;
211
+ height: 100%;
190
212
  }
191
213
 
192
- #graphiql-container .result-window {
214
+ .graphiql-container .result-window {
193
215
  -webkit-flex: 1;
216
+ -ms-flex: 1;
194
217
  flex: 1;
195
218
  position: relative;
219
+ height: 100%;
196
220
  }
197
221
 
198
- #graphiql-container .footer {
222
+ .graphiql-container .footer {
199
223
  background: #f6f7f8;
200
224
  border-left: 1px solid #e0e0e0;
201
225
  border-top: 1px solid #e0e0e0;
@@ -203,7 +227,7 @@
203
227
  position: relative;
204
228
  }
205
229
 
206
- #graphiql-container .footer:before {
230
+ .graphiql-container .footer:before {
207
231
  background: #eeeeee;
208
232
  bottom: 0;
209
233
  content: " ";
@@ -213,23 +237,23 @@
213
237
  width: 12px;
214
238
  }
215
239
 
216
- #graphiql-container .result-window .CodeMirror {
240
+ .graphiql-container .result-window .CodeMirror {
217
241
  background: #f6f7f8;
218
242
  }
219
243
 
220
- #graphiql-container .result-window .CodeMirror-gutters {
244
+ .graphiql-container .result-window .CodeMirror-gutters {
221
245
  background-color: #eeeeee;
222
246
  border-color: #e0e0e0;
223
247
  cursor: col-resize;
224
248
  }
225
249
 
226
- #graphiql-container .result-window .CodeMirror-foldgutter,
227
- #graphiql-container .result-window .CodeMirror-foldgutter-open:after,
228
- #graphiql-container .result-window .CodeMirror-foldgutter-folded:after {
250
+ .graphiql-container .result-window .CodeMirror-foldgutter,
251
+ .graphiql-container .result-window .CodeMirror-foldgutter-open:after,
252
+ .graphiql-container .result-window .CodeMirror-foldgutter-folded:after {
229
253
  padding-left: 3px;
230
254
  }
231
255
 
232
- #graphiql-container .toolbar-button {
256
+ .graphiql-container .toolbar-button {
233
257
  background: #fdfdfd;
234
258
  background: -webkit-linear-gradient(#fbfbfb, #f8f8f8);
235
259
  background: linear-gradient(#fbfbfb, #f8f8f8);
@@ -246,7 +270,7 @@
246
270
  text-decoration: none;
247
271
  }
248
272
 
249
- #graphiql-container .toolbar-button:active {
273
+ .graphiql-container .toolbar-button:active {
250
274
  background: -webkit-linear-gradient(#ececec, #d8d8d8);
251
275
  background: linear-gradient(#ececec, #d8d8d8);
252
276
  border-color: #cacaca #c9c9c9 #b0b0b0;
@@ -256,19 +280,19 @@
256
280
  inset 0 1px 1px rgba(0, 0, 0, 0.08);
257
281
  }
258
282
 
259
- #graphiql-container .toolbar-button.error {
283
+ .graphiql-container .toolbar-button.error {
260
284
  background: -webkit-linear-gradient(#fdf3f3, #e6d6d7);
261
285
  background: linear-gradient(#fdf3f3, #e6d6d7);
262
286
  color: #b00;
263
287
  }
264
288
 
265
- #graphiql-container .execute-button-wrap {
289
+ .graphiql-container .execute-button-wrap {
266
290
  position: relative;
267
291
  margin: 0 14px 0 28px;
268
292
  height: 34px;
269
293
  }
270
294
 
271
- #graphiql-container .execute-button {
295
+ .graphiql-container .execute-button {
272
296
  background: -webkit-linear-gradient(#fdfdfd, #d2d3d6);
273
297
  background: linear-gradient(#fdfdfd, #d2d3d6);
274
298
  border: 1px solid rgba(0,0,0,0.25);
@@ -282,11 +306,11 @@
282
306
  width: 34px;
283
307
  }
284
308
 
285
- #graphiql-container .execute-button svg {
309
+ .graphiql-container .execute-button svg {
286
310
  pointer-events: none;
287
311
  }
288
312
 
289
- #graphiql-container .execute-button:active {
313
+ .graphiql-container .execute-button:active {
290
314
  background: -webkit-linear-gradient(#e6e6e6, #c0c0c0);
291
315
  background: linear-gradient(#e6e6e6, #c0c0c0);
292
316
  box-shadow:
@@ -295,11 +319,11 @@
295
319
  inset 0 0 6px rgba(0, 0, 0, 0.2);
296
320
  }
297
321
 
298
- #graphiql-container .execute-button:focus {
322
+ .graphiql-container .execute-button:focus {
299
323
  outline: 0;
300
324
  }
301
325
 
302
- #graphiql-container .execute-options {
326
+ .graphiql-container .execute-options {
303
327
  background: #fff;
304
328
  box-shadow:
305
329
  0 0 0 1px rgba(0,0,0,0.1),
@@ -312,23 +336,24 @@
312
336
  z-index: 100;
313
337
  }
314
338
 
315
- #graphiql-container .execute-options li {
339
+ .graphiql-container .execute-options li {
316
340
  padding: 2px 30px 4px 10px;
317
341
  list-style: none;
318
342
  min-width: 100px;
319
343
  cursor: pointer;
320
344
  }
321
345
 
322
- #graphiql-container .execute-options li.selected {
346
+ .graphiql-container .execute-options li.selected {
323
347
  background: #e10098;
324
348
  color: white;
325
349
  }
326
350
 
327
- #graphiql-container .CodeMirror-scroll {
351
+ .graphiql-container .CodeMirror-scroll {
328
352
  -webkit-overflow-scrolling: touch;
353
+ -ms-overflow-scrolling: touch;
329
354
  }
330
355
 
331
- #graphiql-container .CodeMirror {
356
+ .graphiql-container .CodeMirror {
332
357
  color: #141823;
333
358
  font-family:
334
359
  'Consolas',
@@ -344,12 +369,13 @@
344
369
  width: 100%;
345
370
  }
346
371
 
347
- #graphiql-container .CodeMirror-lines {
372
+ .graphiql-container .CodeMirror-lines {
348
373
  padding: 20px 0;
349
374
  }
350
375
 
351
376
  .CodeMirror-hint-information .content {
352
377
  -webkit-box-orient: vertical;
378
+ -ms-box-orient: vertical;
353
379
  box-orient: vertical;
354
380
  color: #141823;
355
381
  display: -webkit-box;
@@ -381,9 +407,11 @@
381
407
  .autoInsertedLeaf.cm-property {
382
408
  -webkit-animation-duration: 6s;
383
409
  -moz-animation-duration: 6s;
410
+ -ms-animation-duration: 6s;
384
411
  animation-duration: 6s;
385
412
  -webkit-animation-name: insertionFade;
386
413
  -moz-animation-name: insertionFade;
414
+ -ms-animation-name: insertionFade;
387
415
  animation-name: insertionFade;
388
416
  border-bottom: 2px solid rgba(255, 255, 255, 0);
389
417
  border-radius: 2px;
@@ -463,10 +491,12 @@ div.CodeMirror-lint-message-error, div.CodeMirror-lint-message-warning {
463
491
 
464
492
  /* COLORS */
465
493
 
466
- #graphiql-container .CodeMirror-foldmarker {
494
+ .graphiql-container .CodeMirror-foldmarker {
467
495
  border-radius: 4px;
468
496
  background: #08f;
469
497
  background: -webkit-linear-gradient(#43A8FF, #0F83E8);
498
+ background: -moz-linear-gradient(#43A8FF, #0F83E8);
499
+ background: -ms-linear-gradient(#43A8FF, #0F83E8);
470
500
  background: linear-gradient(#43A8FF, #0F83E8);
471
501
  box-shadow:
472
502
  0 1px 1px rgba(0, 0, 0, 0.2),
@@ -480,12 +510,12 @@ div.CodeMirror-lint-message-error, div.CodeMirror-lint-message-warning {
480
510
  text-shadow: 0 -1px rgba(0, 0, 0, 0.1);
481
511
  }
482
512
 
483
- #graphiql-container div.CodeMirror span.CodeMirror-matchingbracket {
513
+ .graphiql-container div.CodeMirror span.CodeMirror-matchingbracket {
484
514
  color: #555;
485
515
  text-decoration: underline;
486
516
  }
487
517
 
488
- #graphiql-container div.CodeMirror span.CodeMirror-nonmatchingbracket {
518
+ .graphiql-container div.CodeMirror span.CodeMirror-nonmatchingbracket {
489
519
  color: #f00;
490
520
  }
491
521
 
@@ -622,6 +652,7 @@ div.CodeMirror-lint-message-error, div.CodeMirror-lint-message-warning {
622
652
  border: 0;
623
653
  -webkit-animation: blink 1.06s steps(1) infinite;
624
654
  -moz-animation: blink 1.06s steps(1) infinite;
655
+ -ms-animation: blink 1.06s steps(1) infinite;
625
656
  animation: blink 1.06s steps(1) infinite;
626
657
  }
627
658
  @-moz-keyframes blink {
@@ -780,6 +811,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
780
811
  .CodeMirror-gutter-wrapper {
781
812
  -webkit-user-select: none;
782
813
  -moz-user-select: none;
814
+ -ms-user-select: none;
783
815
  user-select: none;
784
816
  }
785
817
 
@@ -893,13 +925,47 @@ div.CodeMirror-dragcursors {
893
925
 
894
926
  /* Help users use markselection to safely style text background */
895
927
  span.CodeMirror-selectedtext { background: none; }
896
- #graphiql-container .doc-explorer {
928
+
929
+ .CodeMirror-dialog {
930
+ position: absolute;
931
+ left: 0; right: 0;
932
+ background: inherit;
933
+ z-index: 15;
934
+ padding: .1em .8em;
935
+ overflow: hidden;
936
+ color: inherit;
937
+ }
938
+
939
+ .CodeMirror-dialog-top {
940
+ border-bottom: 1px solid #eee;
941
+ top: 0;
942
+ }
943
+
944
+ .CodeMirror-dialog-bottom {
945
+ border-top: 1px solid #eee;
946
+ bottom: 0;
947
+ }
948
+
949
+ .CodeMirror-dialog input {
950
+ border: 1px solid #d3d6db;
951
+ outline: none;
952
+ background: transparent;
953
+ width: 20em;
954
+ color: inherit;
955
+ font-family: monospace;
956
+ }
957
+
958
+ .CodeMirror-dialog button {
959
+ font-size: 70%;
960
+ }
961
+ .graphiql-container .doc-explorer {
897
962
  background: white;
898
963
  }
899
964
 
900
- #graphiql-container .doc-explorer-title-bar {
965
+ .graphiql-container .doc-explorer-title-bar {
901
966
  cursor: default;
902
967
  display: -webkit-flex;
968
+ display: -ms-flexbox;
903
969
  display: flex;
904
970
  height: 34px;
905
971
  line-height: 14px;
@@ -909,7 +975,7 @@ span.CodeMirror-selectedtext { background: none; }
909
975
  user-select: none;
910
976
  }
911
977
 
912
- #graphiql-container .doc-explorer-title {
978
+ .graphiql-container .doc-explorer-title {
913
979
  padding: 10px 0 10px 10px;
914
980
  font-weight: bold;
915
981
  text-align: center;
@@ -917,10 +983,11 @@ span.CodeMirror-selectedtext { background: none; }
917
983
  white-space: nowrap;
918
984
  overflow-x: hidden;
919
985
  -webkit-flex: 1;
986
+ -ms-flex: 1;
920
987
  flex: 1;
921
988
  }
922
989
 
923
- #graphiql-container .doc-explorer-back {
990
+ .graphiql-container .doc-explorer-back {
924
991
  color: #3B5998;
925
992
  cursor: pointer;
926
993
  margin: -7px 0 -6px -8px;
@@ -930,7 +997,7 @@ span.CodeMirror-selectedtext { background: none; }
930
997
  white-space: nowrap;
931
998
  }
932
999
 
933
- #graphiql-container .doc-explorer-back:before {
1000
+ .graphiql-container .doc-explorer-back:before {
934
1001
  border-left: 2px solid #3B5998;
935
1002
  border-top: 2px solid #3B5998;
936
1003
  content: '';
@@ -940,14 +1007,15 @@ span.CodeMirror-selectedtext { background: none; }
940
1007
  position: relative;
941
1008
  width: 9px;
942
1009
  -webkit-transform: rotate(-45deg);
1010
+ -ms-transform: rotate(-45deg);
943
1011
  transform: rotate(-45deg);
944
1012
  }
945
1013
 
946
- #graphiql-container .doc-explorer-rhs {
1014
+ .graphiql-container .doc-explorer-rhs {
947
1015
  position: relative;
948
1016
  }
949
1017
 
950
- #graphiql-container .doc-explorer-contents {
1018
+ .graphiql-container .doc-explorer-contents {
951
1019
  background-color: #ffffff;
952
1020
  border-top: 1px solid #d6d6d6;
953
1021
  bottom: 0;
@@ -960,29 +1028,29 @@ span.CodeMirror-selectedtext { background: none; }
960
1028
  top: 47px;
961
1029
  }
962
1030
 
963
- #graphiql-container .doc-type-description p:first-child ,
964
- #graphiql-container .doc-type-description blockquote:first-child {
1031
+ .graphiql-container .doc-type-description p:first-child ,
1032
+ .graphiql-container .doc-type-description blockquote:first-child {
965
1033
  margin-top: 0;
966
1034
  }
967
1035
 
968
- #graphiql-container .doc-explorer-contents a {
1036
+ .graphiql-container .doc-explorer-contents a {
969
1037
  cursor: pointer;
970
1038
  text-decoration: none;
971
1039
  }
972
1040
 
973
- #graphiql-container .doc-explorer-contents a:hover {
1041
+ .graphiql-container .doc-explorer-contents a:hover {
974
1042
  text-decoration: underline;
975
1043
  }
976
1044
 
977
- #graphiql-container .doc-value-description {
1045
+ .graphiql-container .doc-value-description {
978
1046
  padding: 4px 0 8px 12px;
979
1047
  }
980
1048
 
981
- #graphiql-container .doc-category {
1049
+ .graphiql-container .doc-category {
982
1050
  margin: 20px 0;
983
1051
  }
984
1052
 
985
- #graphiql-container .doc-category-title {
1053
+ .graphiql-container .doc-category-title {
986
1054
  border-bottom: 1px solid #e0e0e0;
987
1055
  color: #777;
988
1056
  cursor: default;
@@ -993,49 +1061,50 @@ span.CodeMirror-selectedtext { background: none; }
993
1061
  margin: 0 -15px 10px 0;
994
1062
  padding: 10px 0;
995
1063
  -webkit-user-select: none;
1064
+ -ms-user-select: none;
996
1065
  user-select: none;
997
1066
  }
998
1067
 
999
- #graphiql-container .doc-category-item {
1068
+ .graphiql-container .doc-category-item {
1000
1069
  margin: 12px 0;
1001
1070
  color: #555;
1002
1071
  }
1003
1072
 
1004
- #graphiql-container .keyword {
1073
+ .graphiql-container .keyword {
1005
1074
  color: #B11A04;
1006
1075
  }
1007
1076
 
1008
- #graphiql-container .type-name {
1077
+ .graphiql-container .type-name {
1009
1078
  color: #CA9800;
1010
1079
  }
1011
1080
 
1012
- #graphiql-container .field-name {
1081
+ .graphiql-container .field-name {
1013
1082
  color: #1F61A0;
1014
1083
  }
1015
1084
 
1016
- #graphiql-container .value-name {
1085
+ .graphiql-container .value-name {
1017
1086
  color: #0B7FC7;
1018
1087
  }
1019
1088
 
1020
- #graphiql-container .arg-name {
1089
+ .graphiql-container .arg-name {
1021
1090
  color: #8B2BB9;
1022
1091
  }
1023
1092
 
1024
- #graphiql-container .arg:after {
1093
+ .graphiql-container .arg:after {
1025
1094
  content: ', ';
1026
1095
  }
1027
1096
 
1028
- #graphiql-container .arg:last-child:after {
1097
+ .graphiql-container .arg:last-child:after {
1029
1098
  content: '';
1030
1099
  }
1031
1100
 
1032
- #graphiql-container .doc-alert-text {
1101
+ .graphiql-container .doc-alert-text {
1033
1102
  color: #F00F00;
1034
1103
  font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;
1035
1104
  font-size: 13px;
1036
1105
  }
1037
1106
 
1038
- #graphiql-container .search-box-outer {
1107
+ .graphiql-container .search-box-outer {
1039
1108
  border: 1px solid #d3d6db;
1040
1109
  box-sizing: border-box;
1041
1110
  display: inline-block;
@@ -1047,7 +1116,7 @@ span.CodeMirror-selectedtext { background: none; }
1047
1116
  width: 100%;
1048
1117
  }
1049
1118
 
1050
- #graphiql-container .search-box-input {
1119
+ .graphiql-container .search-box-input {
1051
1120
  border: 0;
1052
1121
  font-size: 12px;
1053
1122
  margin: 0;
@@ -1148,7 +1217,7 @@ span.CodeMirror-selectedtext { background: none; }
1148
1217
  background-position: right bottom;
1149
1218
  width: 100%; height: 100%;
1150
1219
  }
1151
- #graphiql-container .spinner-container {
1220
+ .graphiql-container .spinner-container {
1152
1221
  position: absolute;
1153
1222
  top: 50%;
1154
1223
  height: 36px;
@@ -1158,7 +1227,7 @@ span.CodeMirror-selectedtext { background: none; }
1158
1227
  z-index: 10;
1159
1228
  }
1160
1229
 
1161
- #graphiql-container .spinner {
1230
+ .graphiql-container .spinner {
1162
1231
  vertical-align: middle;
1163
1232
  display: inline-block;
1164
1233
  height: 24px;