PluginProbe
Orderable – Restaurant & Food Ordering System / 0.2.0
Orderable – Restaurant & Food Ordering System v0.2.0
0.1.4 0.1.5 0.2.0 1.0.0 1.1.0 1.1.1 1.10.0 1.10.1 1.11.0 1.12.0 1.12.1 1.12.2 1.13.0 1.14.0 1.15.0 1.16.0 1.17.0 1.17.1 1.18.0 1.19.0 1.19.1 1.19.2 1.2.0 1.20.0 1.20.1 All 44 releases
← All changes | assets/admin/css/main.css +58 -135 1.14.00.2.0 View file →
@@ -8,10 +8,9 @@
8 8 border: none;
9 9 width: 100%;
10 10 }
11 11
12 -.orderable-table th,
13 -.orderable-table td {
12 +.orderable-table th, .orderable-table td {
14 13 width: auto;
15 14 vertical-align: middle !important;
16 15 }
17 16
@@ -39,10 +38,10 @@
39 38 .orderable-table__row--hidden .orderable-table__column:not(.orderable-table__column--always-visible) {
40 39 position: relative;
41 40 }
42 41
43 -.orderable-table__row--hidden .orderable-table__column:not(.orderable-table__column--always-visible)::after {
44 - content: "";
42 +.orderable-table__row--hidden .orderable-table__column:not(.orderable-table__column--always-visible):after {
43 + content: '';
45 44 position: absolute;
46 45 top: 0;
47 46 left: 0;
48 47 right: 0;
@@ -57,9 +56,8 @@
57 56 border-bottom-color: #fff;
58 57 border-bottom-width: 8px;
59 58 }
60 59
61 -/* stylelint-disable-next-line no-descending-specificity */
62 60 .orderable-table__column {
63 61 padding: 8px 14px !important;
64 62 vertical-align: middle !important;
65 63 text-align: left;
@@ -83,8 +81,9 @@
83 81 .orderable-table__column--label {
84 82 width: auto !important;
85 83 }
86 84 }
85 +
87 86 .orderable-table__column--medium {
88 87 width: 156px !important;
89 88 }
90 89
@@ -92,8 +91,9 @@
92 91 .orderable-table__column--medium {
93 92 width: auto !important;
94 93 }
95 94 }
95 +
96 96 .orderable-table__column--time {
97 97 width: 190px !important;
98 98 }
99 99
@@ -101,30 +101,34 @@
101 101 .orderable-table__column--time {
102 102 width: auto !important;
103 103 }
104 104 }
105 +
105 106 .orderable-table__column--remove {
106 107 width: 50px !important;
107 108 text-align: center;
108 109 }
109 110
111 +.orderable-table__row:first-child .orderable-table__column--remove .orderable-table__remove-row {
112 + display: none;
113 +}
114 +
110 115 @media (max-width: 782px) {
111 116 .orderable-table__column--remove {
112 117 display: table-cell !important;
113 118 }
114 119 }
120 +
115 121 .orderable-table__column--last {
116 122 width: auto;
117 123 }
118 124
119 -.orderable-table__column input,
120 -.orderable-table__column select {
125 +.orderable-table__column input, .orderable-table__column select {
121 126 max-width: 100%;
122 127 }
123 128
124 129 .orderable-table__no-td-border {
125 130 border-bottom: none !important;
126 - /* stylelint-disable-next-line no-descending-specificity */
127 131 }
128 132
129 133 .orderable-table__no-td-border th {
130 134 border-bottom: 1px solid #d8dbdf;
@@ -158,8 +162,9 @@
158 162 .orderable-table__cell {
159 163 display: table-cell !important;
160 164 }
161 165 }
166 +
162 167 .orderable-table__fieldset {
163 168 display: inline-block;
164 169 margin: 0 15px 0 0;
165 170 }
@@ -186,22 +191,15 @@
186 191 */
187 192 .orderable-table--child {
188 193 border-radius: 0;
189 194 background: none;
190 - /* stylelint-disable-next-line no-descending-specificity */
191 195 }
192 196
193 -.orderable-table--child th:last-child,
194 -.orderable-table--child td:last-child {
197 +.orderable-table--child th:last-child, .orderable-table--child td:last-child {
195 198 border-right: 1px solid #d8dbdf;
196 199 }
197 200
198 -.orderable-table--compact {
199 - /* stylelint-disable-next-line no-descending-specificity */
200 -}
201 -
202 -.orderable-table--compact th,
203 -.orderable-table--compact td {
201 +.orderable-table--compact th, .orderable-table--compact td {
204 202 padding: 8px 14px !important;
205 203 }
206 204
207 205 @media (max-width: 782px) {
@@ -217,14 +215,14 @@
217 215 .orderable-table--compact tr.orderable-table__row--last td {
218 216 padding-bottom: 15px !important;
219 217 }
220 218 }
219 +
221 220 @media (max-width: 1210px) {
222 221 .orderable-table--open-hours thead {
223 222 display: none;
224 223 }
225 - .orderable-table--open-hours th,
226 - .orderable-table--open-hours td {
224 + .orderable-table--open-hours th, .orderable-table--open-hours td {
227 225 display: block;
228 226 width: 100% !important;
229 227 height: auto;
230 228 margin: 0;
@@ -239,9 +237,9 @@
239 237 }
240 238 .orderable-table--open-hours .orderable-table__column--label {
241 239 float: left;
242 240 width: auto !important;
243 - font-weight: 700;
241 + font-weight: bold;
244 242 }
245 243 .orderable-table--open-hours .orderable-table__column--time {
246 244 clear: both;
247 245 }
@@ -251,8 +249,9 @@
251 249 .orderable-table--open-hours .orderable-table__rwd-labels {
252 250 display: inline-block;
253 251 }
254 252 }
253 +
255 254 @media (max-width: 782px) {
256 255 .orderable-table--open-hours .orderable-table__column--checkbox {
257 256 width: 45px !important;
258 257 }
@@ -262,12 +261,12 @@
262 261 .orderable-table--open-hours .orderable-table__rwd-labels {
263 262 display: block;
264 263 }
265 264 }
265 +
266 266 /* Block */
267 267 body .submit .button-primary,
268 268 .orderable-admin-button {
269 - /* stylelint-disable-next-line scss/no-global-function-names */
270 269 background: #2271b6;
271 270 border: none;
272 271 padding: 8px 15px;
273 272 border-radius: 8px;
@@ -280,9 +279,8 @@
280 279 text-decoration: none;
281 280 display: inline-block;
282 281 color: #fff;
283 282 font-size: 14px;
284 - /* stylelint-disable-next-line no-descending-specificity */
285 283 }
286 284
287 285 body .submit .button-primary:active, body .submit .button-primary:focus, body .submit .button-primary:hover,
288 286 .orderable-admin-button:active,
@@ -287,9 +285,8 @@
287 285 body .submit .button-primary:active, body .submit .button-primary:focus, body .submit .button-primary:hover,
288 286 .orderable-admin-button:active,
289 287 .orderable-admin-button:focus,
290 288 .orderable-admin-button:hover {
291 - /* stylelint-disable-next-line scss/no-global-function-names */
292 289 background: #164975;
293 290 color: #fff;
294 291 }
295 292
@@ -301,9 +298,9 @@
301 298 }
302 299
303 300 body .submit .button-primary.orderable-trigger-element--active,
304 301 .orderable-admin-button.orderable-trigger-element--active {
305 - background: #0a2135;
302 + background: #0A2135;
306 303 color: #fff;
307 304 cursor: default;
308 305 }
309 306
@@ -315,12 +312,8 @@
315 312 vertical-align: middle;
316 313 }
317 314
318 315 /* Modifiers */
319 -.orderable-admin-button--pro {
320 - /* stylelint-disable-next-line no-descending-specificity */
321 -}
322 -
323 316 .orderable-admin-button--pro .dashicons {
324 317 line-height: 12px;
325 318 }
326 319
@@ -368,8 +361,9 @@
368 361 .multi-select-menu {
369 362 top: 27px;
370 363 }
371 364 }
365 +
372 366 .multi-select-menuitem {
373 367 display: block;
374 368 font-size: 14px;
375 369 padding: 4px 10px 4px 36px;
@@ -387,18 +381,19 @@
387 381 line-height: 32px;
388 382 padding-left: 44px;
389 383 }
390 384 }
391 -.multi-select-menuitem--titled::before {
385 +
386 +.multi-select-menuitem--titled:before {
392 387 display: block;
393 - font-weight: 700;
388 + font-weight: bold;
394 389 content: attr(data-group-title);
395 390 margin: 0 0 0.25em -20px;
396 391 }
397 392
398 -.multi-select-menuitem--titledsr::before {
393 +.multi-select-menuitem--titledsr:before {
399 394 display: block;
400 - font-weight: 700;
395 + font-weight: bold;
401 396 content: attr(data-group-title);
402 397 border: 0;
403 398 clip: rect(0 0 0 0);
404 399 height: 1px;
@@ -450,8 +445,9 @@
450 445 height: 40px;
451 446 line-height: 38px;
452 447 }
453 448 }
449 +
454 450 .multi-select-container--open .multi-select-button,
455 451 .multi-select-button:focus {
456 452 border-color: #007cba;
457 453 -webkit-box-shadow: 0 0 0 1px #007cba;
@@ -458,9 +454,9 @@
458 454 box-shadow: 0 0 0 1px #007cba;
459 455 outline: 2px solid transparent;
460 456 }
461 457
462 -.multi-select-button::after {
458 +.multi-select-button:after {
463 459 content: "";
464 460 display: inline-block;
465 461 width: 0;
466 462 height: 0;
@@ -478,9 +474,9 @@
478 474 .multi-select-container--open .multi-select-menu {
479 475 display: block;
480 476 }
481 477
482 -.multi-select-container--open .multi-select-button::after {
478 +.multi-select-container--open .multi-select-button:after {
483 479 border-width: 0 0.4em 0.4em 0.4em;
484 480 border-color: transparent transparent #999 transparent;
485 481 }
486 482
@@ -511,10 +507,10 @@
511 507 opacity: 0.3;
512 508 position: relative;
513 509 }
514 510
515 -.orderable-element--disabled::after {
516 - content: "";
511 +.orderable-element--disabled:after {
512 + content: '';
517 513 position: absolute;
518 514 top: 0;
519 515 left: 0;
520 516 right: 0;
@@ -539,9 +535,8 @@
539 535 display: inline-block !important;
540 536 width: auto !important;
541 537 }
542 538
543 -/* stylelint-disable-next-line selector-id-pattern */
544 539 #orderable_settings_store_general_service_hours_pickup_same_label {
545 540 margin: 5px 4px 20px;
546 541 display: inline-block;
547 542 }
@@ -554,9 +549,9 @@
554 549 margin-bottom: 0;
555 550 }
556 551
557 552 body .wpsf-tab .postbox h2 {
558 - background: #0a2135;
553 + background: #0A2135;
559 554 }
560 555
561 556 body input.datepicker {
562 557 background-color: #fff !important;
@@ -561,12 +556,8 @@
561 556 body input.datepicker {
562 557 background-color: #fff !important;
563 558 }
564 559
565 -.wpsf-section-description--getting_started + table th {
566 - display: none;
567 -}
568 -
569 560 .orderable-ui-hide {
570 561 display: none !important;
571 562 }
572 563
@@ -573,12 +564,8 @@
573 564 [v-cloak] {
574 565 display: none;
575 566 }
576 567
577 -.orderable-product__actions-counter {
578 - display: none;
579 -}
580 -
581 568 .orderable-fields-row {
582 569 background: #fff;
583 570 border: 1px solid #d8dbdf;
584 571 border-radius: 8px;
@@ -585,9 +572,9 @@
585 572 margin-bottom: 15px;
586 573 overflow: visible;
587 574 }
588 575
589 -.orderable-fields-row::after {
576 +.orderable-fields-row:after {
590 577 content: "";
591 578 display: table;
592 579 }
593 580
@@ -605,9 +592,8 @@
605 592 -webkit-user-select: none;
606 593 -webkit-box-align: center;
607 594 -ms-flex-align: center;
608 595 align-items: center;
609 - /* stylelint-disable-next-line no-descending-specificity */
610 596 }
611 597
612 598 .orderable-fields-row__header-title {
613 599 cursor: pointer;
@@ -691,14 +677,8 @@
691 677 .orderable-fields-row__body-row-right * {
692 678 min-width: 0;
693 679 }
694 680
695 -.orderable-fields-row__body-row-right--empty {
696 - -webkit-box-pack: center;
697 - -ms-flex-pack: center;
698 - justify-content: center;
699 -}
700 -
701 681 .orderable-fields-row--open {
702 682 border: none;
703 683 }
704 684
@@ -718,10 +698,10 @@
718 698 opacity: 0.6;
719 699 }
720 700
721 701 .orderable-fields-row--open .orderable-fields-row__header {
722 - background: #0a2135;
723 - border: 1px solid #0a2135;
702 + background: #0A2135;
703 + border: 1px solid #0A2135;
724 704 border-bottom: none;
725 705 border-radius: 8px 8px 0 0;
726 706 }
727 707
@@ -729,12 +709,8 @@
729 709 .orderable-fields-row--open .orderable-fields-row__header h3 {
730 710 color: #fff;
731 711 }
732 712
733 -.orderable-table__remove-row {
734 - text-decoration: none;
735 -}
736 -
737 713 .orderable-fields-row--meta {
738 714 border: none;
739 715 padding: 0;
740 716 border-radius: 0;
@@ -761,9 +737,9 @@
761 737 margin-bottom: 0;
762 738 }
763 739
764 740 .orderable-fields-row textarea {
765 - margin: 20px 0;
741 + margin: 20px 0px;
766 742 min-height: 100px;
767 743 min-width: 300px;
768 744 }
769 745
@@ -781,23 +757,23 @@
781 757 -webkit-box-align: stretch;
782 758 -ms-flex-align: stretch;
783 759 align-items: stretch;
784 760 margin: 0 0 15px;
785 - background: #f4f5f6;
761 + background: #F4F5F6;
786 762 border-radius: 8px;
787 763 -webkit-box-sizing: border-box;
788 764 box-sizing: border-box;
789 765 }
790 766
791 -.orderable-fields-options__row input[type=text],
792 -.orderable-fields-options__row input[type=number],
767 +.orderable-fields-options__row input[type="text"],
768 +.orderable-fields-options__row input[type="number"],
793 769 .orderable-fields-options__row select {
794 770 max-width: 100%;
795 771 width: 100%;
796 772 }
797 773
798 -.orderable-fields-options__row input[type=checkbox],
799 -.orderable-fields-options__row input[type=radio] {
774 +.orderable-fields-options__row input[type="checkbox"],
775 +.orderable-fields-options__row input[type="radio"] {
800 776 margin: -2px 4px 0 0;
801 777 }
802 778
803 779 .orderable-fields-options__row-fields {
@@ -839,8 +815,9 @@
839 815 -ms-flex-direction: column;
840 816 flex-direction: column;
841 817 }
842 818 }
819 +
843 820 @media (max-width: 1440px) {
844 821 .orderable-fields-options__row-fields-row {
845 822 -ms-flex-preferred-size: 100%;
846 823 flex-basis: 100%;
@@ -850,8 +827,9 @@
850 827 .orderable-fields-options__row-fields-row:last-child {
851 828 border-bottom: none;
852 829 }
853 830 }
831 +
854 832 .orderable-fields-options__row-field {
855 833 -ms-flex-preferred-size: 50%;
856 834 flex-basis: 50%;
857 835 margin: 0;
@@ -867,8 +845,9 @@
867 845 .orderable-fields-options__row-field:last-child {
868 846 border-right: none;
869 847 }
870 848 }
849 +
871 850 @media (max-width: 1090px) {
872 851 .orderable-fields-options__row-field {
873 852 border-right: none;
874 853 border-bottom: 1px solid #d8dbdf;
@@ -876,8 +855,9 @@
876 855 .orderable-fields-options__row-field:last-child {
877 856 border-bottom: none;
878 857 }
879 858 }
859 +
880 860 .orderable-fields-options__row-field-spacer {
881 861 height: 30px;
882 862 line-height: 30px;
883 863 }
@@ -887,8 +867,9 @@
887 867 height: 40px;
888 868 line-height: 40px;
889 869 }
890 870 }
871 +
891 872 .orderable-fields-options__row-field--visual {
892 873 display: -webkit-box;
893 874 display: -ms-flexbox;
894 875 display: flex;
@@ -906,13 +887,15 @@
906 887 .orderable-fields-options__row-field--full {
907 888 border-right: none;
908 889 }
909 890 }
891 +
910 892 @media (max-width: 1090px) {
911 893 .orderable-fields-options__row-field--full {
912 894 border-bottom: none;
913 895 }
914 896 }
897 +
915 898 .orderable-fields-options__row-field-label {
916 899 font-weight: 600;
917 900 display: block;
918 901 margin: 0 0 4px;
@@ -936,8 +919,9 @@
936 919 .orderable-fields-options__row-visual {
937 920 margin-bottom: 0;
938 921 }
939 922 }
923 +
940 924 .orderable-fields-options__row-drag, .orderable-fields-options__row-action {
941 925 min-width: 20px;
942 926 display: -webkit-box;
943 927 display: -ms-flexbox;
@@ -970,9 +954,9 @@
970 954 grid-template-columns: 20px repeat(2, 1fr) 70px 20px;
971 955 }
972 956
973 957 .orderable-fields-options__header {
974 - font-weight: 700;
958 + font-weight: bold;
975 959 margin-bottom: 15px;
976 960 }
977 961
978 962 .orderable-fields-options__bullets {
@@ -988,9 +972,9 @@
988 972 width: 40px;
989 973 height: 40px;
990 974 }
991 975
992 -input[type=color].orderable-fields-option-color {
976 +input[type="color"].orderable-fields-option-color {
993 977 width: 40px;
994 978 max-width: 40px;
995 979 border: 1px solid #d8dbdf;
996 980 border-radius: 8px;
@@ -1000,21 +984,21 @@
1000 984 margin: 0;
1001 985 cursor: pointer;
1002 986 }
1003 987
1004 -input[type=color].orderable-fields-option-color::-webkit-color-swatch-wrapper {
988 +input[type="color"].orderable-fields-option-color::-webkit-color-swatch-wrapper {
1005 989 padding: 0;
1006 990 }
1007 991
1008 -input[type=color].orderable-fields-option-color::-webkit-color-swatch {
992 +input[type="color"].orderable-fields-option-color::-webkit-color-swatch {
1009 993 border: none;
1010 994 border-radius: 5px;
1011 995 }
1012 996
1013 -input[type=color].orderable-fields-option-color:hover,
1014 -input[type=color].orderable-fields-option-color:focus {
997 +input[type="color"].orderable-fields-option-color:hover,
998 +input[type="color"].orderable-fields-option-color:focus {
1015 999 outline: none;
1016 - border-color: #7e8993;
1000 + border-color: #7E8993;
1017 1001 -webkit-box-shadow: none;
1018 1002 box-shadow: none;
1019 1003 }
1020 1004
@@ -1033,9 +1017,9 @@
1033 1017 }
1034 1018
1035 1019 .orderable-fields-option-img__dummy:hover {
1036 1020 color: #006799;
1037 - border-color: #7e8993;
1021 + border-color: #7E8993;
1038 1022 }
1039 1023
1040 1024 .orderable-fields-option-img__img-wrapper {
1041 1025 position: relative;
@@ -1092,65 +1076,4 @@
1092 1076 text-align: center;
1093 1077 padding: 20px;
1094 1078 margin: auto 0;
1095 1079 }
1096 -
1097 -.orderable-pointer .wp-pointer-content {
1098 - border-radius: 8px;
1099 -}
1100 -
1101 -.orderable-pointer .wp-pointer-content h3 {
1102 - background: #f5f0fe;
1103 - border-radius: 8px 8px 0 0;
1104 - color: #1d2327;
1105 - border-color: #bf9ef9;
1106 - padding-left: 50px;
1107 -}
1108 -
1109 -.orderable-pointer .wp-pointer-content h3::before {
1110 - background-color: #7031f5;
1111 - color: #fff;
1112 - font-size: 16px;
1113 - height: 26px;
1114 - width: 26px;
1115 - line-height: 26px;
1116 - top: 12px;
1117 -}
1118 -
1119 -.orderable-pointer.wp-pointer-bottom .wp-pointer-arrow, .orderable-pointer.wp-pointer-top .wp-pointer-arrow, .orderable-pointer.wp-pointer-undefined .wp-pointer-arrow {
1120 - left: 30px;
1121 -}
1122 -
1123 -.orderable-pointer.wp-pointer-top .wp-pointer-arrow, .orderable-pointer.wp-pointer-undefined .wp-pointer-arrow {
1124 - border-bottom-color: #bf9ff9;
1125 -}
1126 -
1127 -.orderable-pointer.wp-pointer-top .wp-pointer-arrow-inner, .orderable-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
1128 - border-bottom-color: #f5f0fe;
1129 -}
1130 -
1131 -.wp-core-ui .orderable-pointer .button-secondary {
1132 - margin-right: 0.5em;
1133 -}
1134 -
1135 -/**
1136 - * CTA.
1137 - */
1138 -.orderable-cta {
1139 - overflow: hidden;
1140 - border: 1px solid #d8dbdf;
1141 - background: #fff;
1142 - border-radius: 8px;
1143 - padding: 25px;
1144 -}
1145 -
1146 -.orderable-cta > :last-child {
1147 - margin-bottom: 0;
1148 -}
1149 -
1150 -.orderable-cta__title {
1151 - margin-top: 0;
1152 -}
1153 -
1154 -.orderable-cta__description {
1155 - font-size: 15px;
1156 -}