PluginProbe
WP Data Access – App Builder for Tables, Forms, Dashboards, Charts & Maps / 2.0.13
WP Data Access – App Builder for Tables, Forms, Dashboards, Charts & Maps v2.0.13
5.5.87 5.5.85 5.5.84 5.5.83 5.5.82 5.5.81 5.5.80 5.5.79 5.5.77 5.5.76 5.5.75 5.5.73 5.5.72 5.5.22 5.5.23 5.5.29 5.5.3 5.5.31 5.5.32 5.5.34 5.5.35 5.5.36 5.5.37 5.5.4 5.5.40 All 162 releases
← All changes | assets/css/wpda_style.css +45 -519 5.5.3 → 2.0.13 View file →
@@ -38,23 +38,15 @@
38 38 list-style-type: square;
39 39 text-decoration: none !important;
40 40 }
41 41
42 -.wpda_upload,
43 -.wpda_upload_container_dashboard {
42 +.wpda_upload {
44 43 background: #fff;
45 44 border-top: 1px solid #ccc;
46 45 border-bottom: 1px solid #ccc;
47 - padding-left: 10px;
46 + padding-left: 20px;
48 47 padding-bottom: 10px;
49 - margin-right: 0;
50 48 }
51 -.wpda_upload_container_dashboard {
52 - padding-bottom: 0;
53 -}
54 -.wpda_upload_container_dashboard .wpda_list_indent {
55 - padding-left: 0;
56 -}
57 49
58 50 /* END SETTINGS */
59 51
60 52 /* BEGIN SIMPLE FORM */
@@ -59,10 +51,9 @@
59 51
60 52 /* BEGIN SIMPLE FORM */
61 53
62 54 .wpda_simple_form_border {
63 - border: 1px solid #ccd0d4;
64 - border-radius: 4px;
55 + border: 1px solid #e5e5e5;
65 56 background-color: #fff;
66 57 width: 100%;
67 58 padding: 0;
68 59 }
@@ -67,87 +58,30 @@
67 58 padding: 0;
68 59 }
69 60
70 61 .wpda_simple_table {
71 - padding: 0;
62 + padding: 3px;
72 63 width: 100%;
73 - margin-bottom: 0;
74 - padding-top: 5px;
75 - padding-bottom: 5px;
76 64 }
77 65
78 -.wpda_simple_table td.label,
79 -.wpda_simple_table td.icon {
80 - display: table-cell;
81 - vertical-align: middle;
82 - vertical-align: top;
66 +.wpda_simple_table td.label {
83 67 width: 15%;
84 68 text-align: right;
85 69 }
86 -.wpda_simple_table td.icon {
87 - text-align: left;
88 -}
89 70
90 -.wpda_simple_table td.label label {
91 - display: inline-block;
92 - padding-top: 10px;
93 -}
94 -.wpda_simple_table td.icon * {
95 - margin-top: 5px;
96 -}
97 -.wpda_simple_table td.icon span {
98 - display: inline-block;
99 - margin-top: 10px;
100 -}
101 -td.icon i.fas.fa-circle-question {
102 - font-size: 22px;
103 - margin-top: 9px;
104 -}
105 -
106 -#jdtDomDefault * {
107 - vertical-align: sub;
108 -}
109 -
110 71 .wpda_simple_table td.data {
111 - display: table-cell;
112 - vertical-align: middle;
113 72 width: 70%;
114 - padding-bottom: 5px !important;
115 - padding-top: 5px !important;
116 - line-height: 28px;
117 73 }
118 74
119 -.wpda_simple_table td.data input:not([type='radio']), .wpda_simple_table td.data select, .wpda_simple_table td.data textarea {
75 +.wpda_simple_table td.data input, .wpda_simple_table td.data select {
120 76 width: 100%;
121 - max-width: 100%;
122 77 }
123 78
124 -.wpda_simple_table td.data textarea {
125 - height: 150px;
79 +.wpda_simple_table td.icon {
80 + width: 15%;
81 + text-align: left;
126 82 }
127 83
128 -.wpda_simple_table td.data input[type='checkbox'] {
129 - width: 16px;
130 - height: 16px;
131 -}
132 -
133 -table.wpda_simple_table > tbody tr:nth-child(2n+1) td {
134 - background-color: #f9f9f9;
135 - display: table-cell;
136 -}
137 -
138 -table.wpda_simple_table tbody td.label {
139 - padding-right: 5px;
140 -}
141 -
142 -table.wpda_simple_table tbody td.icon {
143 - padding-left: 5px;
144 -}
145 -
146 -.wpda_simple_radio {
147 - padding-right: 10px;
148 -}
149 -
150 84 .wpda_data_type {
151 85 font-size: 80%;
152 86 background-color: white;
153 87 border: 1px solid gray;
@@ -154,22 +88,13 @@
154 88 padding-left: 1px;
155 89 padding-right: 1px;
156 90 }
157 91
158 -td.wpda_data_value_null:before {
159 - content: "(null)";
160 -}
161 -
162 -td.wpda_data_value_null {
163 - font-style: italic;
164 - color: #2271b1;
165 -}
166 -
167 92 .wpda_data_type_icon {
168 93 vertical-align: text-bottom;
169 94 }
170 95
171 -input[type="text"].wpda_input_error {
96 +.wpda_input_error {
172 97 background-color: red;
173 98 }
174 99
175 100 .wpda_indent {
@@ -188,21 +113,45 @@
188 113
189 114 /* BEGIN DESIGN FORM */
190 115
191 116 .wpda_design_table {
192 - border: 1px solid #ccd0d4;
117 + border: 1px solid #e5e5e5;
193 118 box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
194 - padding: 0 !important;
119 + padding: 0;
195 120 }
196 121
197 122 .wpda-table-structure {
198 123 border-collapse: collapse;
124 + display: table;
199 125 width: 100%;
126 + background-color: #fff;
127 + padding: 5px;
200 128 }
201 129
130 +.wpda-table-structure thead, .wpda-table-structure tfoot {
131 + background-color: #fff;
132 +}
133 +
134 +.wpda-table-structure thead {
135 + border-bottom: 1px solid #e5e5e5;
136 +}
137 +
138 +.wpda-table-structure thead tr:first-child td {
139 + padding-top: 10px;
140 +}
141 +
142 +.wpda-table-structure thead th {
143 + padding-bottom: 10px;
144 +}
145 +
146 +.wpda-table-structure tfoot {
147 + border-top: 1px solid #e5e5e5;
148 +}
149 +
202 150 .wpda-table-structure tfoot td {
151 + text-align: center;
203 152 padding-top: 10px;
204 - text-align: center;
153 + padding-bottom: 10px;
205 154 }
206 155
207 156 .wpda-table-structure tbody tr:nth-child(even) {
208 157 background: #f9f9f9;
@@ -213,19 +162,16 @@
213 162 }
214 163
215 164 .wpda-table-structure th, .wpda-table-structure td {
216 165 text-align: left;
217 - /*line-height: 1.5em;*/
218 - /*border-spacing: 2px !important;*/
166 + line-height: 1.5em;
167 + border-spacing: 2px;
219 168 }
220 169
221 -.wpda-table-structure-top {
222 - vertical-align: top;
223 -}
224 -
225 170 .wpda-table-structure tbody td input, .wpda-table-structure tbody td select {
226 171 width: 100%;
227 - max-width: 100%;
172 + padding: 3px 5px 3px 5px;
173 + height: unset;
228 174 }
229 175
230 176 .wpda-table-structure tbody tr:hover {
231 177 background-color: #f1f1f1;
@@ -239,9 +185,9 @@
239 185 .wpda-table-structure th.wpda-table-structure-first-column, .wpda-table-structure td.wpda-table-structure-first-column {
240 186 text-align: right;
241 187 white-space: nowrap;
242 188 width: 60px;
243 - padding-left: 10px !important;
189 + padding-left: 10px;
244 190 }
245 191
246 192 .wpda-table-structure th.wpda-table-structure-first-column-left, .wpda-table-structure td.wpda-table-structure-first-column-left {
247 193 text-align: left;
@@ -246,19 +192,13 @@
246 192 .wpda-table-structure th.wpda-table-structure-first-column-left, .wpda-table-structure td.wpda-table-structure-first-column-left {
247 193 text-align: left;
248 194 white-space: nowrap;
249 195 width: 60px;
250 - padding-left: 10px !important;
196 + padding-left: 10px;
251 197 }
252 198
253 -.wpda-table-structure th.wpda-table-structure-first-column-move, .wpda-table-structure td.wpda-table-structure-first-column-move {
254 - width: 20px;
255 - padding-left: 10px !important;
256 - padding-right: 10px !important;
257 -}
258 -
259 199 .wpda-table-structure th.wpda-table-structure-last-column, .wpda-table-structure td.wpda-table-structure-last-column {
260 - padding-right: 10px !important;
200 + padding-right: 10px;
261 201 }
262 202
263 203 .wpda_reverse_engineering {
264 204 background-color: #fff;
@@ -269,21 +209,8 @@
269 209 .wpda_reverse_engineering label {
270 210 font-weight: bold;
271 211 }
272 212
273 -.wpda-table-structure tbody tr.wpda_column_inserted {
274 - background-color: lightgreen;
275 -}
276 -
277 -.wpda-table-structure tbody tr.wpda_column_updated {
278 - background-color: orange;
279 -}
280 -
281 -.wpda-table-structure tbody tr.wpda_column_deleted {
282 - background-color: red;
283 - display: none;
284 -}
285 -
286 213 /* END DESIGN FORM */
287 214
288 215 a.disabled {
289 216 pointer-events: none;
@@ -290,9 +217,9 @@
290 217 cursor: default;
291 218 }
292 219
293 220 .manage-column.column-icons {
294 - width: 20px;
221 + width: 60px;
295 222 }
296 223
297 224 /* BEGIN DATABASE TABLE STRUCTURE */
298 225
@@ -356,405 +283,4 @@
356 283 padding-left: 40px;
357 284 }
358 285
359 286 /* END DOCUMENTATION */
360 -
361 -/* BEGIN TABLE SETTINGS */
362 -
363 -.wpda_action_font {
364 - font-size: 90% !important;
365 -}
366 -
367 -.wpda_settings_icon {
368 - padding-top: 1px;
369 - padding-right: 2px;
370 -}
371 -
372 -.wpda_settings_label {
373 - padding-left: 2px;
374 -}
375 -
376 -/* END TABLE SETTINGS */
377 -
378 -.label_disabled {
379 - color: grey;
380 - pointer-events: none;
381 -}
382 -
383 -.nobr {
384 - white-space:nowrap;
385 -}
386 -
387 -.row_hide {
388 - display: none;
389 -}
390 -
391 -.hide_item {
392 - display: none;
393 -}
394 -
395 -.grabbable {
396 - cursor: move;
397 - cursor: grab;
398 - cursor: -moz-grab;
399 - cursor: -webkit-grab;
400 -}
401 -
402 -.grabbable:active {
403 - cursor: grabbing;
404 - cursor: -moz-grabbing;
405 - cursor: -webkit-grabbing;
406 -}
407 -
408 -.database_item_label {
409 - display: inline-block;
410 - width: 150px;
411 - text-align: right;
412 -}
413 -
414 -.remote_database_block_test_content {
415 - padding: 20px;
416 - border: 1px solid #ccc;
417 - margin-right: 20px;
418 - background-color: #eee;
419 -}
420 -
421 -/* BEGIN STYLING AUDIO CONTROLS IN LIST TABLE */
422 -table.wp-list-table tbody tr td div.mejs-audio {
423 - width: 40px !important;;
424 - min-width: 40px !important;;
425 - max-width: 40px !important;
426 -}
427 -table.wp-list-table tbody tr td div.mejs-audio div.mejs-mediaelement,
428 -table.wp-list-table tbody tr td div.mejs-audio div.mejs-layers,
429 -table.wp-list-table tbody tr td div.mejs-audio div.mejs-horizontal-volume-total,
430 -table.wp-list-table tbody tr td div.mejs-audio div.mejs-time-rail,
431 -table.wp-list-table tbody tr td div.mejs-audio div.mejs-volume-button {
432 - display: none;
433 -}
434 -table.wp-list-table tbody tr td div.mejs-audio .mejs-time {
435 - color: transparent;
436 -}
437 -table.wp-list-table tbody tr td div.mejs-audio .mejs-controls {
438 - padding: 1px 4px;
439 -}
440 -/* END STYLING AUDIO CONTROLS IN LIST TABLE */
441 -
442 -/* BEGIN STYLING VIDEO CONTROLS IN LIST TABLE */
443 -table.wp-list-table tbody tr td div.mejs-video div.mejs-controls {
444 - display: none;
445 -}
446 -/* END STYLING VIDEO CONTROLS IN LIST TABLE */
447 -
448 -/* BEGIN STYLING ATTACHMENT ICON IN LIST TABLE */
449 -.wpda_attachment_icon {
450 - width: 40px;
451 - height: 40px;
452 - font-size: 30px;
453 - padding: 5px;
454 -}
455 -/* END STYLING ATTACHMENT ICON IN LIST TABLE */
456 -
457 -fieldset.wpda_fieldset {
458 - border: 1px solid #ccd0d4;
459 - border-radius: 4px;
460 - box-shadow: 0 1px 1px rgba(0,0,0,.04);
461 - padding: 10px;
462 -}
463 -fieldset.wpda_fieldset legend {
464 - font-weight: bold;
465 - margin-top: 5px;
466 -}
467 -fieldset.wpda_fieldset:first-child legend {
468 - margin-top: 0;
469 -}
470 -.no-close .ui-dialog-titlebar-close {
471 - display: none;
472 -}
473 -.pointer {
474 - cursor: pointer;
475 -}
476 -.notifyjs-corner {
477 - margin: 60px 30px !important;
478 - font-size: 1.4em !important;
479 -}
480 -.notifyjs-bootstrap-base {
481 - background-position: 38px 32px !important;
482 - background-size: 31px !important;
483 -}
484 -.notifyjs-container span {
485 - display: inline-block !important;
486 - padding: 30px 30px 30px 49px !important;
487 -}
488 -span.wpda_icon_on_button {
489 - font-size: 16px !important;
490 - padding: 0 !important;
491 - margin: 0 !important;
492 - vertical-align: sub !important;
493 -}
494 -.wpda_text_uppercase {
495 - text-transform: uppercase;
496 -}
497 -.wpda_text_lowercase {
498 - text-transform: lowercase;
499 -}
500 -.wpda_text_capitalize {
501 - text-transform: capitalize;
502 -}
503 -.ui-tooltip {
504 - white-space: pre-line;
505 -}
506 -.wpda-autocomplete {
507 - max-height: 200px;
508 - overflow-y: auto;
509 -}
510 -.wpda-table-backup {
511 - margin-top: 10px;
512 - border-collapse: collapse;
513 -}
514 -.wpda-table-backup th,
515 -.wpda-table-backup td {
516 - padding: 4px;
517 - white-space: nowrap
518 -}
519 -.wpda-table-backup td span {
520 - padding-left: 10px;
521 -}
522 -th.wpda-repository-column {
523 - vertical-align: bottom;
524 - width: 30px;
525 -}
526 -th.wpda-repository-column span {
527 - writing-mode: tb-rl;
528 - width: 25px;
529 -}
530 -td.wpda-repository-column {
531 - width: 30px;
532 - text-align: center;
533 -}
534 -.wpda-restore-repository-backup {
535 - background: white;
536 - width: max-content;
537 -}
538 -table.wpda-restore-repository-backup {
539 - border-collapse: collapse;
540 -}
541 -.wpda-restore-repository-backup th,
542 -.wpda-restore-repository-backup td {
543 - padding: 4px;
544 -}
545 -.wpda-restore-repository-backup th {
546 - text-align: center;
547 -}
548 -.wpda-restore-repository-backup tr {
549 - border-bottom: none;
550 -}
551 -.wpda-restore-repository-backup tr:hover {
552 - background-color: lightgrey;
553 -}
554 -.wpda-restore-repository-backup-selected {
555 - background-color: rgb(0, 115, 170) !important;
556 - font-weight: bold;
557 -}
558 -.wpda-half-spacer {
559 - height: 5px;
560 -}
561 -.wpda-spacer {
562 - height: 10px;
563 -}
564 -.wpda-repository-restore {
565 - border: 1px solid #ccd0d4;
566 - border-collapse: collapse;
567 -}
568 -.wpda-repository-restore thead {
569 - background-color: #ccc;
570 -}
571 -.wpda-repository-restore th,
572 -.wpda-repository-restore td {
573 - padding: 2px 5px;
574 - text-align: left;
575 -}
576 -
577 -.wpda_autocomplete_key {
578 - display: contents;
579 -}
580 -
581 -.wpda-icon-close {
582 - position: absolute;
583 - right: -5px;
584 - top: -16px;
585 - width: 16px;
586 - padding: 0;
587 - padding-bottom: 1px;
588 - height: 16px;
589 - border-radius: 10px;
590 - background-color: white;
591 - border: 2px solid #ccc;
592 - cursor: pointer;
593 -}
594 -.wpda-icon-close:hover {
595 - background-color: #ededed;
596 - font-weight: bold;
597 -}
598 -
599 -span.wpda_hide_column {
600 - display: none;
601 -}
602 -
603 -input[type="range"] {
604 - height: 30px !important;
605 - display: block;
606 - outline: 0;
607 - border: 0;
608 - padding: 0;
609 - margin: 0;
610 - overflow: hidden;
611 - background-color: #ddd;
612 - font-size: 30px;
613 -}
614 -.wpda-range {
615 - font-weight: bold;
616 - padding-left: 5px;
617 -}
618 -
619 -@media screen and (max-width: 783px) {
620 - p.search-box{
621 - position:relative !important;
622 - }
623 -}
624 -
625 -span.wpda-ison-separator {
626 - font-size: 80%;
627 - margin: 0 10px;
628 - border-left: 1px solid #c3c4c7
629 -}
630 -.wpda-query ul {
631 - max-height: 50vh;
632 - display: flow-root;
633 -}
634 -.wpda-query-select:hover {
635 - background-color: #f1f1f1;
636 -}
637 -.wpda-query-select-title {
638 - font-weight: bold;
639 - font-size: 120%;
640 - padding: 10px;
641 -}
642 -.wpda-query-select-title span.fas {
643 - float: right;
644 -}
645 -.wpda-query-select-content {
646 - clear: both;
647 - padding: 10px;
648 -}
649 -.wpda-query-select-title-copy {
650 - cursor: pointer;
651 -}
652 -
653 -div.tablenav span a.wpda_full_table_download {
654 - margin-left: 3px;
655 -}
656 -
657 -div.wpda_subtitle {
658 - float: left;
659 -}
660 -
661 -.wpda_row_export_button {
662 - text-transform: uppercase;
663 - font-weight: 900;
664 -}
665 -
666 -div.wpda-fieldset-expand {
667 - cursor: pointer;
668 -}
669 -i.wpda-fieldset-expand.wpda-fieldset-expand {
670 - font-size: 16px;
671 - vertical-align: middle;
672 -}
673 -span.wpda-fieldset-expand {
674 - vertical-align: middle;
675 - padding-left: 1px;
676 -}
677 -
678 -#wpda_buttons label {
679 - padding-left: 5px;
680 -}
681 -#wpda_buttons label:first-child {
682 - padding-left: 0;
683 -}
684 -
685 -#jdtDom {
686 - width: 100%;
687 - display: grid;
688 - grid-auto-rows: 40px;
689 - grid-gap: 1px;
690 -}
691 -#jdtDom > div {
692 - display: flex;
693 - justify-content: center;
694 - align-items: center;
695 - font-weight: bold;
696 - border: 1px solid #ccc;
697 - cursor: pointer;
698 - -webkit-user-select: none;
699 - -moz-user-select: none;
700 - -ms-user-select: none;
701 - user-select: none;
702 -}
703 -#jdtDom > div:hover {
704 - background-color: #ddd;
705 -}
706 -.jdtDom3 {
707 - grid-column: span 3;
708 -}
709 -.wpda-jdtdom-expand {
710 - padding-left: 10px;
711 -}
712 -
713 -#jdtDomDefault {
714 - padding: 2px 0 0 2px;
715 -}
716 -
717 -div.wpda_separator_top {
718 - margin-top: 10px;
719 -}
720 -div.wpda_separator_bottom {
721 - margin-bottom: 10px;
722 -}
723 -
724 -div.wpda_sb > label {
725 - font-weight: bold;
726 - line-height: 2;
727 -}
728 -div.wpda_sb > select {
729 - display: block;
730 - width: 99.5%;
731 - padding: 10px;
732 -}
733 -div.wpda_sb > div {
734 - line-height: 2;
735 -}
736 -
737 -div.wpda_dp_orderby {
738 - display: grid;
739 - grid-template-columns: 3fr 1fr 24px;
740 - align-items: center;
741 - justify-items: self-end;
742 - margin-left: 2px;
743 -}
744 -div.wpda_dp_orderby i {
745 - font-size: 22px;
746 -}
747 -span.wpda_title_icon {
748 - text-decoration: none;
749 - font-size: 30px;
750 -}
751 -
752 -h1.wp-heading-inline a {
753 - padding-top: 4px;
754 -}
755 -
756 -.wpda_media_container {
757 - float: left;
758 - padding: 10px;
759 - text-align: center;
760 -}