PluginProbe
WPGet API – Connect to any external REST API / 1.4.6
WPGet API – Connect to any external REST API v1.4.6
1.9.2 1.9.3 1.9.4 1.9.5 1.9.6 1.9.7 1.9.8 1.9.9 2.0.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 2.1.0 2.1.1 2.1.3 2.1.4 2.1.5 2.2.0 2.2.1 2.2.10 2.2.2 2.2.3 All 97 releases
← All changes | assets/css/wpgetapi-admin.css +29 -411 2.1.01.4.6 View file →
@@ -1,61 +1,6 @@
1 1 .wrap.wpgetapi *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
2 2 .wrap.wpgetapi *:before, .wrap.wpgetapi *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
3 -#toplevel_page_wpgetapi_setup div.wp-menu-image,
4 -#toplevel_page_wpgetapi_importer_dashboard div.wp-menu-image {
5 - background-image: url(../img/icon.png);
6 - background-size: 20px 20px;
7 - background-repeat: no-repeat;
8 - background-position: center center;
9 -}
10 -#toplevel_page_wpgetapi_setup a:hover div.wp-menu-image,
11 -#toplevel_page_wpgetapi_importer_dashboard a:hover div.wp-menu-image {
12 - background-image: url(../img/icon-blue.png);
13 -}
14 -#toplevel_page_wpgetapi_setup .wp-has-current-submenu div.wp-menu-image,
15 -#toplevel_page_wpgetapi_importer_dashboard .wp-has-current-submenu div.wp-menu-image {
16 - background-image: url(../img/icon-white.png);
17 -}
18 -
19 -.edit-post-visual-editor .wpgetapi-gutenberg-endpoint-selector-wrap .components-placeholder__fieldset, .edit-widgets-block-editor .wpgetapi-gutenberg-endpoint-selector-wrap .components-placeholder__fieldset, .editor-styles-wrapper .wpgetapi-gutenberg-endpoint-selector-wrap .components-placeholder__fieldset {
20 - justify-content: center;
21 - align-self: center;
22 - max-width: 400px;
23 - flex-direction: row !important;
24 -}
25 -.wpgetapi-gutenberg-endpoint-selector-wrap img {
26 - margin: 0 auto;
27 - text-align: center;
28 - width: 70px;
29 -}
30 -.wpgetapi-gutenberg-endpoint-selector-wrap h3 {
31 - margin: 10px auto;
32 - text-align: center;
33 - display: block;
34 - width: 100%;
35 -}
36 -.wpgetapi-gutenberg-endpoint-selector-wrap .components-base-control {
37 - margin: 0 2px;
38 -}
39 -.wrap.wpgetapi h1.wp-heading-inline {
40 - font-weight: bold;
41 - vertical-align: middle;
42 - margin-bottom: 15px;
43 -}
44 -.wrap.wpgetapi h1.wp-heading-inline img {
45 - margin: -4px 5px 0 0;
46 - display: inline-block;
47 - vertical-align: middle;
48 -}
49 -.wrap.wpgetapi h1.wp-heading-inline .vnum {
50 - background: #e1e1e1;
51 - padding: 5px 10px;
52 - font-size: 0.7rem;
53 - border-radius: 20px;
54 - margin: 0 0 0 10px;
55 - display: inline-block;
56 - color: #666;
57 -}
58 3 .wrap.wpgetapi {
59 4 padding: 10px 0px 10px 0;
60 5 margin: 0;
61 6 display: table;
@@ -63,29 +8,9 @@
63 8 table-layout: fixed;
64 9 }
65 10 .wrap.wpgetapi .nav-tab-wrapper {
66 11 margin-top: 15px;
67 - background: #fff;
68 - border: 1px solid #ddd;
69 - border-bottom: none;
70 - padding: 0;
71 12 }
72 -.wrap.wpgetapi .nav-tab-wrapper .nav-tab {
73 - border: none;
74 - margin-left: 0;
75 - padding: 15px 15px;
76 - font-size: 13px;
77 - font-weight: 400;
78 - background: none;
79 - color: #000;
80 - white-space: nowrap;
81 - border-bottom: 2px solid transparent;
82 -}
83 -.wrap.wpgetapi .nav-tab-wrapper .nav-tab-active, .wrap.wpgetapi .nav-tab-wrapper .nav-tab-active:focus, .nav-tab-active:focus:active, .wrap.wpgetapi .nav-tab-wrapper .nav-tab-active:hover {
84 - border-bottom: 2px solid #007cba;
85 - color: #000;
86 - font-weight: 600;
87 -}
88 13 .wrap.wpgetapi .main_content_cell {
89 14 display: table-cell;
90 15 height: 500px;
91 16 margin: 0;
@@ -92,22 +17,8 @@
92 17 padding: 0;
93 18 vertical-align: top;
94 19 width: 100%;
95 20 }
96 -.wrap.wpgetapi .cmb-form.group {
97 - background: #fdfdfd;
98 - border: 1px solid #ddd;
99 - padding: 0 20px;
100 -}
101 -#wpbody-content .wpgetapi .metabox-holder {
102 - padding-top: 0;
103 - padding-bottom: 30px;
104 -}
105 -#wpbody-content .wpgetapi .metabox-holder h3.title {
106 - color: #1d2327;
107 - font-size: 1.3em;
108 - margin: 1em 0;
109 -}
110 21 .wrap.wpgetapi .sidebar_cell {
111 22 display: table-cell;
112 23 height: 500px;
113 24 margin: 0;
@@ -112,49 +23,15 @@
112 23 height: 500px;
113 24 margin: 0;
114 25 padding: 0;
115 26 vertical-align: top;
116 - width: 330px;
117 - padding: 74px 15px 0 20px;
27 + width: 290px;
28 + padding: 80px 20px 0 20px;
118 29 }
119 -.wrap.wpgetapi .sidebar_cell .box {
120 - background: #fff;
121 - padding: 15px 20px;
30 +.wrap.wpgetapi .cmb2-metabox {
31 + background: #fafafa;
32 + padding: 30px;
122 33 border: 1px solid #ddd;
123 -}
124 -.wrap.wpgetapi .sidebar_cell .box h3 {
125 - margin-top: 0;
126 -}
127 -.wrap.wpgetapi .sidebar_cell .box h4 {
128 - margin: 0 -20px;
129 - padding: 2px 20px 15px;
130 - border-bottom: 1px solid #ddd;
131 - font-size: 0.9rem;
132 - background: #fff;
133 -}
134 -.wrap.wpgetapi .sidebar_cell .box a {
135 - text-decoration: none;
136 -}
137 -.wrap.wpgetapi .sidebar_cell .box.help-box {
138 - display: block;
139 - position: relative;
140 -}
141 -
142 -.wrap.wpgetapi .sidebar_cell .box.help-box .button {
143 - background: #fff;
144 - color: #74bc35;
145 - padding: 8px 20px;
146 - border-radius: 3px;
147 - font-size: 0.85rem;
148 - font-weight: 600;
149 - border: 2px solid;
150 - box-shadow: 0 6px 9px -4px rgba(0 0 0 / 12%);
151 - margin: 25px 0 0;
152 - width: 100%;
153 - display: block;
154 - text-align: center;
155 -}
156 -.wrap.wpgetapi .cmb2-metabox {
157 34 margin-bottom: 20px;
158 35 }
159 36 .wrap.wpgetapi .cmb-th {
160 37 padding: 10px 10px 10px 0;
@@ -165,22 +42,12 @@
165 42 .wrap.wpgetapi .cmb-type-title .cmb-td {
166 43 padding-left: 0;
167 44 }
168 45
169 -.wrap.wpgetapi .cmb-td input.regular-text::placeholder,
170 -.wrap.wpgetapi .cmb-td textarea::placeholder {
171 - color: #bbb;
172 - font-weight: 300;
173 -}
174 -.wrap.wpgetapi .cmb-td input.regular-text,
175 -.wrap.wpgetapi .cmb-td select {
176 - width: 450px;
46 +.wrap.wpgetapi .cmb-td input.regular-text, .wrap.wpgetapi .cmb-td select {
47 + width: 400px;
177 48 max-width: 95%;
178 49 }
179 -.wrap.wpgetapi .cmb-td input.regular-text, .wrap.wpgetapi .cmb-td select, .wrap.wpgetapi .cmb-td textarea {
180 - border-color: #c2cbd8;
181 - padding: 3px 12px;
182 -}
183 50 .cmb-repeatable-group .cmb-group-title {
184 51 background-color: #dedede;
185 52 }
186 53 .wrap.wpgetapi .cmb-type-group .cmb-th {
@@ -190,9 +57,8 @@
190 57 padding: 0;
191 58 }
192 59 .wrap.wpgetapi .cmb-type-group .cmb-row .cmbhandle {
193 60 right: 0;
194 - top: 7px;
195 61 }
196 62 .wrap.wpgetapi p.cmb2-metabox-description {
197 63 font-style: normal;
198 64 margin: 5px 0 0 0;
@@ -199,36 +65,8 @@
199 65 padding-top: 0 !important;
200 66 padding-bottom: 0 !important;
201 67 font-weight: 300;
202 68 }
203 -.wrap.wpgetapi span.dashicons.dashicons-editor-help {
204 - color: #bac1c7;
205 - display: inline-block;
206 - float: right;
207 - margin: 0;
208 - padding: 0;
209 -}
210 -.wpgetapi-tooltip {
211 - position: absolute;
212 - top: 0;
213 - padding: 10px 15px;
214 - border: 1px solid #ddd;
215 - background: white;
216 - border-radius: 4px;
217 - box-shadow: 0 3px 9px #bac1c7;
218 - max-width: 300px;
219 -}
220 -.wpgetapi-tooltip a {
221 - display: inline-block;
222 - background: #fff;
223 - padding: 4px 10px;
224 - color: #2271b1;
225 - border: 1px solid #2271b1;
226 - border-radius: 4px;
227 - text-decoration: none;
228 - font-size: 12px;
229 - margin: 10px 0 5px;
230 -}
231 69 .wrap.wpgetapi p.cmb2-metabox-description a,
232 70 .wrap.wpgetapi p.cmb2-metabox-description a .dashicons{
233 71 text-decoration: none;
234 72 font-weight: inherit;
@@ -244,14 +82,15 @@
244 82 margin: 0 0 15px;
245 83 padding-top: 0 !important;
246 84 padding-bottom: 0 !important;
247 85 font-weight: 300;
248 - word-break: break-word;
249 86 }
250 87 .wrap.wpgetapi .cmb-type-group .cmb-group-name {
251 88 font-size: 1.1em;
252 89 }
253 -
90 +.wrap.wpgetapi .cmb-type-group .cmb-row:first-of-type {
91 + border: none;
92 +}
254 93 .wrap.wpgetapi .cmb-type-group .cmb-remove-field-row,
255 94 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field,
256 95 .wrap.wpgetapi .cmb2-postbox .cmb-remove-field-row,
257 96 .wrap.wpgetapi .cmb2-postbox .cmb-repeat-group-field {
@@ -258,282 +97,61 @@
258 97 padding-top: 5px !important;
259 98 }
260 99 .wrap.wpgetapi .cmb-type-group .cmb-repeatable-grouping {
261 100 padding: 0 !important;
101 + box-shadow: 0 0px 1px rgb(0 0 0 / 55%);
262 102 margin: 0 0 30px;
263 - background: #fff;
264 - border: 1px solid #ddd;
265 - position: relative !important;
103 + background: #fbfbfb;
266 104 }
267 -.wrap.wpgetapi .cmb2-metabox button.dashicons-before.dashicons-no-alt.cmb-remove-group-row:not([disabled]) {
268 - cursor: pointer;
269 - color: #bf4242;
270 - opacity: 1;
271 - top: 14px;
272 -}
273 -.wrap.wpgetapi .cmb2-metabox .button-primary {
274 - background: #fff;
275 - border-color: #2271b1;
276 - color: #2271b1;
277 - text-decoration: none;
278 - text-shadow: none;
279 -}
280 105 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field {
281 - padding: 0 20px 15px !important;
282 - border: none !important;
106 + padding: 2px 20px 10px !important;
283 107 }
284 108 .wrap.wpgetapi .cmb-repeatable-group .cmb-group-title {
285 - padding: 15px 12px 15px 2.2em !important;
286 - background: #fafafa;
287 - border-bottom: 1px solid #ddd;
109 + padding: 8px 12px 8px 2.2em !important;
288 110 }
289 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap {
290 - width: 48%;
111 +.wrap.wpgetapi .cmb-repeatable-group .cmb-td .input-wrap {
112 + width: 50%;
291 113 float: left;
292 114 }
293 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap input,
294 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap textarea {
295 - max-width: 100%;
296 -}
297 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap textarea {
298 - padding: 8px 15px 8px;
299 -}
300 -.wrap.wpgetapi .cmb-repeat-table .cmb-row.cmb-repeat-row span.colon {
301 - width: 4%;
302 - display: inline-block;
303 - float: left;
304 - text-align: center;
305 - vertical-align: middle;
306 - line-height: 1.8rem;
307 - font-weight: bold;
308 -}
309 -.wrap.wpgetapi .cmb-repeat-table label {
310 - display: none;
311 -}
312 115 .wrap.wpgetapi .cmb-repeat-table.cmb-nested {
313 - margin-top: 2px;
314 - border-radius: 4px;
116 + margin-top: 8px;
315 117 }
316 118 .wrap.wpgetapi .cmb-remove-field-row {
317 119 padding: 0 20px !important;
318 120 }
319 -
320 -.wrap.wpgetapi .cmb-type-parameter .cmb-repeat-table .cmb-row.cmb-repeat-row {
321 - padding: 10px 10px 8px 10px;
322 - background: #fdfdfd;
323 - border-radius: 4px;
324 -}
325 -.wrap.wpgetapi .cmb-repeat-table .cmb-row.cmb-repeat-row:before {
326 - display: none;
327 -}
328 -
329 -.wrap.wpgetapi .cmb-type-parameter .cmb-add-row .button-secondary {
330 - font-size: 12px;
331 - line-height: 2;
332 - min-height: 24px;
333 - background: #fff;
334 -}
335 -.wrap.wpgetapi .button-secondary {
336 - background: #fff;
337 -}
338 -.wrap.wpgetapi .cmb-type-parameter .cmb-add-row:before {
339 - height: 1em;
340 -}
341 -.wpgetapi-export,
342 -.wpgetapi-import {
343 - padding: 0 20px;
344 -}
345 -.wpgetapi-export {
346 - margin-top: 30px;
347 - margin-bottom: 30px;
348 - border-bottom: 2px dashed #ddd;
349 - padding-bottom: 30px;
350 -}
351 -.wpgetapi-export h3, .wpgetapi-import h3 {
352 - margin-bottom: 0;
353 -}
354 -.wpgetapi-export p, .wpgetapi-import p {
355 - margin: 5px 0 15px;
356 -}
357 -.wpgetapi-export p, .wpgetapi-import .message {
358 - margin: 10px 0 15px;
359 -}
360 -
361 -.wrap.wpgetapi pre,
362 -.wpgetapi-debug .debug-item .debug-result, .wpgetapi-debug .debug-item .debug-result pre,
363 -.wpgetapi-export .message {
121 +.wrap.wpgetapi pre {
364 122 display: inline-block;
365 - background: #f4f7fa;
366 - padding: 12px 20px;
123 + background: #ffffff;
124 + padding: 14px 27px;
367 125 margin: 10px 0 10px;
368 - border-radius: 4px;
126 + border-radius: 1px;
127 + color: #353535;
369 128 white-space: pre-line;
370 129 line-height: 0.9;
371 130 font-size: 13px;
372 131 font-weight: 300;
373 - word-break: break-all;
374 - box-shadow: inset 0 0 12px rgba(0,0,0,0.04);
132 + box-shadow: 3px 3px 0 rgb(0 0 0 / 8%);
133 + border: 1px solid #efefef;
375 134 }
376 -.wpgetapi-export .message {
377 - display: none;
378 - width: 92%;
379 - line-height: 1rem;
380 -}
381 -.wpgetapi-import textarea {
382 - display: block;
383 - width: 100%;
384 - margin: 0 0 20px;
385 - height: 100px;
386 -}
387 -.wpgetapi-debug .debug-item .debug-result, .wpgetapi-debug .debug-item .debug-result pre {
388 - display: block;
389 -}
390 -.wrap.wpgetapi pre img {
391 - max-width: 100%;
392 -}
393 135 .wrap.wpgetapi pre.url {
394 - margin: 0 0 20px;
136 + margin: 0 0 30px;
395 137 }
396 138 .wrap.wpgetapi pre.url span, .wrap.wpgetapi pre.functions span {
397 - color: #5e9929;
139 + color: #89ad17;
398 140 }
399 141 .wrap.wpgetapi pre.functions {
400 142 display: block;
401 - margin: 20px 20px 20px 20px;
402 - line-height: 1.3;
403 - padding: 12px 20px 5px;
143 + margin: 15px 20px 20px 20px;
404 144 }
405 -.wrap.wpgetapi pre.url div,
406 -.wrap.wpgetapi pre.functions div {
407 - display: inline-block
145 +
146 +.wrap.wpgetapi .sidebar_cell .box {
408 147 }
409 -.wrap.wpgetapi pre.url div,
410 -.wrap.wpgetapi pre.functions div.wrapper > div {
411 - font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
412 - font-weight: 500;
413 -}
414 -.wrap.wpgetapi pre.functions .dashicons {
415 - font-size: 15px;
416 - color: #5e9929;
417 - margin: 1px 0 0 -2px;
418 - cursor: pointer;
419 -}
420 -.wrap.wpgetapi pre.functions .dashicons:hover {
421 - color: #5e9929;
422 -}
423 -.wrap.wpgetapi .import-export {
424 - float: right;
425 -}
426 -.wrap.wpgetapi .import-export a.button {
427 - color: #3c434a;
428 - border: 1px solid #aec1cf;
429 - font-weight: 500;
430 - background: #fff;
431 -}
432 -
433 148 .wrap.wpgetapi .sidebar_cell hr {
434 149 margin: 20px 0;
435 150 }
436 151 .wrap.wpgetapi .sidebar_cell ol {
437 - margin: 15px 0 0 15px;
438 -}
439 -
440 -.wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td {
441 - width: calc( 100% - 200px);
442 -}
443 -.wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td .name,
444 -.wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td .value {
445 - width: 48%;
446 - float: left;
447 -}
448 -
449 -.wrap.wpgetapi .cmb2-metabox .section-wrapper {
450 - padding: 14px 27px;
451 - background: #fff;
452 - border: 1px solid #ddd;
453 - margin: 0 0 20px;
454 -}
455 -.wrap.wpgetapi .cmb2-metabox .section-wrapper .cmb2-metabox-title {
456 - font-size: 1.1em;
457 - padding-bottom: 0;
458 - margin-bottom: 0;
459 -}
460 -.wrap.wpgetapi .cmb2-metabox .section-wrapper .cmb-type-title .cmb2-metabox-description {
461 - margin: 5px 0 15px;
462 -}
463 -.wrap.wpgetapi .cmb2-metabox .importer-creator {
464 - display: inline-block;
465 - width: 100%;
466 - border: 1px solid #ddd;
467 - background: #fff;
468 - padding: 14px 0 0;
469 - margin-bottom: 15px;
470 -}
471 -.wrap.wpgetapi .cmb2-metabox .importer-creator .box.half {
472 - float: left;
473 - width: 50%;
474 - margin-bottom: 20px;
475 - padding: 0 28px;
476 -}
477 -.wrap.wpgetapi .cmb2-metabox .importer-creator .box h4 {
478 - margin-top: 0;
479 -}
480 -.wrap.wpgetapi .cmb2-metabox .side-notice {
481 - border-left: 3px solid #dba617;
482 - background: #fff;
483 - padding: 5px 15px;
484 - box-shadow: 0 0 1px #aaa;
485 - margin: 10px 0;
486 -}
487 -.wrap.wpgetapi .cmb2-metabox .side-notice p {
488 - margin: 5px 0;
489 -}
490 -
491 -.wrap.wpgetapi .wpgetapi-test-area {
492 - margin: 0 20px 15px;
493 -}
494 -.wrap.wpgetapi .wpgetapi-test-area .wpgetapi-result .wpgetapi-debug {
495 - margin: 20px 0 20px;
496 -}
497 -.wrap.wpgetapi .wpgetapi-test-area .handle {
498 152 margin: 0 0 0 15px;
499 - border-bottom: 1px dotted #ccc;
500 - padding: 0 0 4px;
501 - cursor: pointer;
502 153 }
503 -.wrap.wpgetapi .wpgetapi-test-area pre {
504 - box-shadow: none;
505 - border: none;
506 - width: auto !important;
507 - max-width: 100%;
508 - word-break: break-all;
509 -}
510 -.wrap.wpgetapi .wpgetapi-test-area .side-notice {
511 - margin-top: 20px;
512 -}
513 -.wrap.wpgetapi .section-wrapper .cmb-row.cmb-type-title {
514 - border-bottom: 1px solid #ddd;
515 - margin: 0 -27px 15px;
516 - padding: 0 27px;
517 -}
518 -
519 -.wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field.field-actions {
520 - border-top: 1px solid #ddd !important;
521 - padding-top: 20px !important;
522 - padding-bottom: 20px !important;
523 -}
524 -.wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field.field-wpdatatables-table {
525 - border-top: 1px solid #ddd !important;
526 - padding: 10px 20px 20px !important;
527 -}
528 -.wpgetapi .wpdatatables-buttons a.button {
529 - margin-right: 15px;
530 -}
531 -.wrap.wpgetapi .cmb-type-group .cmb-remove-field-row {
532 - border-top: 1px solid #ddd !important;
533 - padding: 20px 20px 10px !important;
534 -}
535 -
536 154 @media screen and (max-width: 1024px) {
537 155 .wrap.wpgetapi .main_content_cell {
538 156 width: auto;
539 157 display: block;