PluginProbe
WPGet API – Connect to any external REST API / 1.4.0
WPGet API – Connect to any external REST API v1.4.0
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 +26 -436 2.1.01.4.0 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;
@@ -61,31 +6,8 @@
61 6 display: table;
62 7 width: 100%;
63 8 table-layout: fixed;
64 9 }
65 -.wrap.wpgetapi .nav-tab-wrapper {
66 - margin-top: 15px;
67 - background: #fff;
68 - border: 1px solid #ddd;
69 - border-bottom: none;
70 - padding: 0;
71 -}
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 10 .wrap.wpgetapi .main_content_cell {
89 11 display: table-cell;
90 12 height: 500px;
91 13 margin: 0;
@@ -92,22 +14,8 @@
92 14 padding: 0;
93 15 vertical-align: top;
94 16 width: 100%;
95 17 }
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 18 .wrap.wpgetapi .sidebar_cell {
111 19 display: table-cell;
112 20 height: 500px;
113 21 margin: 0;
@@ -112,49 +20,15 @@
112 20 height: 500px;
113 21 margin: 0;
114 22 padding: 0;
115 23 vertical-align: top;
116 - width: 330px;
117 - padding: 74px 15px 0 20px;
24 + width: 260px;
25 + padding: 80px 0 0 20px;
118 26 }
119 -.wrap.wpgetapi .sidebar_cell .box {
120 - background: #fff;
121 - padding: 15px 20px;
27 +.wrap.wpgetapi .cmb2-metabox {
28 + background: #fafafa;
29 + padding: 30px;
122 30 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 31 margin-bottom: 20px;
158 32 }
159 33 .wrap.wpgetapi .cmb-th {
160 34 padding: 10px 10px 10px 0;
@@ -161,26 +35,13 @@
161 35 }
162 36 .wrap.wpgetapi .cmb-td {
163 37 padding: 5px 10px 8px;
164 38 }
165 -.wrap.wpgetapi .cmb-type-title .cmb-td {
166 - padding-left: 0;
167 -}
168 39
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;
40 +.wrap.wpgetapi .cmb-td input.regular-text, .wrap.wpgetapi .cmb-td select {
41 + width: 400px;
177 42 max-width: 95%;
178 43 }
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 44 .cmb-repeatable-group .cmb-group-title {
184 45 background-color: #dedede;
185 46 }
186 47 .wrap.wpgetapi .cmb-type-group .cmb-th {
@@ -190,9 +51,8 @@
190 51 padding: 0;
191 52 }
192 53 .wrap.wpgetapi .cmb-type-group .cmb-row .cmbhandle {
193 54 right: 0;
194 - top: 7px;
195 55 }
196 56 .wrap.wpgetapi p.cmb2-metabox-description {
197 57 font-style: normal;
198 58 margin: 5px 0 0 0;
@@ -199,47 +59,8 @@
199 59 padding-top: 0 !important;
200 60 padding-bottom: 0 !important;
201 61 font-weight: 300;
202 62 }
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 -.wrap.wpgetapi p.cmb2-metabox-description a,
232 -.wrap.wpgetapi p.cmb2-metabox-description a .dashicons{
233 - text-decoration: none;
234 - font-weight: inherit;
235 - font-size: inherit;
236 -}
237 -.wrap.wpgetapi p.cmb2-metabox-description a .dashicons {
238 - font-size: 0.8rem;
239 - line-height: 1.2rem;
240 - width: 12px;
241 -}
242 63 .wrap.wpgetapi .desc {
243 64 font-style: normal;
244 65 margin: 0 0 15px;
245 66 padding-top: 0 !important;
@@ -244,14 +65,9 @@
244 65 margin: 0 0 15px;
245 66 padding-top: 0 !important;
246 67 padding-bottom: 0 !important;
247 68 font-weight: 300;
248 - word-break: break-word;
249 69 }
250 -.wrap.wpgetapi .cmb-type-group .cmb-group-name {
251 - font-size: 1.1em;
252 -}
253 -
254 70 .wrap.wpgetapi .cmb-type-group .cmb-remove-field-row,
255 71 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field,
256 72 .wrap.wpgetapi .cmb2-postbox .cmb-remove-field-row,
257 73 .wrap.wpgetapi .cmb2-postbox .cmb-repeat-group-field {
@@ -258,282 +74,56 @@
258 74 padding-top: 5px !important;
259 75 }
260 76 .wrap.wpgetapi .cmb-type-group .cmb-repeatable-grouping {
261 77 padding: 0 !important;
78 + box-shadow: 0 3px 5px rgb(0 0 0 / 5%);
262 79 margin: 0 0 30px;
263 - background: #fff;
264 - border: 1px solid #ddd;
265 - position: relative !important;
80 + background: #fbfbfb;
266 81 }
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 82 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field {
281 - padding: 0 20px 15px !important;
282 - border: none !important;
83 + padding: 2px 20px 10px !important;
283 84 }
284 85 .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;
86 + padding: 8px 12px 8px 2.2em !important;
288 87 }
289 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap {
290 - width: 48%;
88 +.wrap.wpgetapi .cmb-repeatable-group .cmb-td .input-wrap {
89 + width: 50%;
291 90 float: left;
292 91 }
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 92 .wrap.wpgetapi .cmb-repeat-table.cmb-nested {
313 - margin-top: 2px;
314 - border-radius: 4px;
93 + margin-top: 8px;
315 94 }
316 95 .wrap.wpgetapi .cmb-remove-field-row {
317 96 padding: 0 20px !important;
318 97 }
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 {
98 +.wrap.wpgetapi pre {
364 99 display: inline-block;
365 - background: #f4f7fa;
366 - padding: 12px 20px;
100 + background: #ffffff;
101 + padding: 14px 27px;
367 102 margin: 10px 0 10px;
368 - border-radius: 4px;
103 + border-radius: 1px;
104 + color: #353535;
369 105 white-space: pre-line;
370 106 line-height: 0.9;
371 107 font-size: 13px;
372 108 font-weight: 300;
373 - word-break: break-all;
374 - box-shadow: inset 0 0 12px rgba(0,0,0,0.04);
109 + box-shadow: 0 2px 10px rgb(0 0 0 / 5%);
110 + border: 1px solid #efefef;
375 111 }
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 112 .wrap.wpgetapi pre.url {
394 - margin: 0 0 20px;
113 + margin: 0 0 30px;
395 114 }
396 115 .wrap.wpgetapi pre.url span, .wrap.wpgetapi pre.functions span {
397 - color: #5e9929;
116 + color: #718e13;
398 117 }
399 118 .wrap.wpgetapi pre.functions {
400 119 display: block;
401 - margin: 20px 20px 20px 20px;
402 - line-height: 1.3;
403 - padding: 12px 20px 5px;
120 + margin: 15px 20px 20px 20px;
404 121 }
405 -.wrap.wpgetapi pre.url div,
406 -.wrap.wpgetapi pre.functions div {
407 - display: inline-block
408 -}
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 122
433 -.wrap.wpgetapi .sidebar_cell hr {
434 - margin: 20px 0;
123 +.wrap.wpgetapi .sidebar_cell .box {
124 + margin-bottom: 40px;
435 125 }
436 -.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 - margin: 0 0 0 15px;
499 - border-bottom: 1px dotted #ccc;
500 - padding: 0 0 4px;
501 - cursor: pointer;
502 -}
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 126 @media screen and (max-width: 1024px) {
537 127 .wrap.wpgetapi .main_content_cell {
538 128 width: auto;
539 129 display: block;