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