PluginProbe
Booking Calendar / 11.9
Booking Calendar v11.9
11.9 11.8.4 11.8.3 11.8.2 11.8.1 11.8 11.7 11.6.1 11.6 11.5 11.4.3 11.4.2 11.4.1 11.4 11.3 11.2.1 11.2 11.1 11.0 10.15.7 10.15.6 10.1.3 10.10 10.10.1 10.10.2 All 205 releases
← All changes | includes/page-form-builder/_out/builder-form-page.css +289 -99 11.6 → 11.9 View file →
@@ -211,12 +211,14 @@
211 211 }
212 212 .wpbc_bfb__dragging,
213 213 .wpbc_bfb__section .wpbc_bfb__column:empty,
214 214 .wpbc_bfb__section:hover .wpbc_bfb__column {
215 - border: 1px solid #b0c2d9;
216 - -ms-flex-line-pack: center;
217 - align-content: center
215 + border: 1px solid #b0c2d9
218 216 }
217 +.wpbc_bfb__dragging {
218 + -ms-flex-line-pack: start;
219 + align-content: flex-start
220 +}
219 221 .wpbc_bfb__column:empty {
220 222 min-height: 80px;
221 223 overflow: hidden;
222 224 display: -ms-flexbox;
@@ -417,17 +419,8 @@
417 419 padding: 6px;
418 420 background: #f5f5f5;
419 421 border: 1px dashed #aaa
420 422 }
421 -.wpbc_bfb__drag-ghost .wpbc_bfb__column {
422 - border: 2px dashed #9af!important;
423 - border-radius: 6px
424 -}
425 -.wpbc_bfb__section.wpbc_bfb__drag-ghost .wpbc_bfb__column {
426 - -ms-transform: scale(.95);
427 - transform: scale(.95);
428 - transition: transform .15s
429 -}
430 423 .wpbc_bfb__drag-active {
431 424 opacity: 1!important
432 425 }
433 426 .wpbc_bfb__highlight {
@@ -432,11 +425,62 @@
432 425 }
433 426 .wpbc_bfb__highlight {
434 427 border: var(--wpbc-bfb-accent-color,#327ab4) 2px dashed!important
435 428 }
429 +.wpbc_bfb__drag-geometry-lock {
430 + box-sizing: border-box!important;
431 + height: var(--wpbc-bfb-drag-locked-block-size)!important;
432 + min-height: var(--wpbc-bfb-drag-locked-block-size)!important;
433 + max-height: var(--wpbc-bfb-drag-locked-block-size)!important;
434 + overflow-anchor: none
435 +}
436 +.wpbc_bfb__drag-source-spacer {
437 + box-sizing: border-box;
438 + display: block;
439 + -ms-flex: 0 0 var(--wpbc-bfb-drag-source-inline-size,100%);
440 + flex: 0 0 var(--wpbc-bfb-drag-source-inline-size,100%);
441 + width: var(--wpbc-bfb-drag-source-inline-size,100%);
442 + max-width: 100%;
443 + height: var(--wpbc-bfb-drag-source-block-size,1px);
444 + min-height: var(--wpbc-bfb-drag-source-block-size,1px);
445 + margin: 0;
446 + padding: 0;
447 + border: 1px dashed rgba(50,122,180,.35);
448 + border-radius: 4px;
449 + background: rgba(50,122,180,.035);
450 + overflow: hidden;
451 + pointer-events: auto
452 +}
453 +.wpbc_bfb__drag-ghost.wpbc_bfb__drop-indicator {
454 + box-sizing: border-box!important;
455 + display: block!important;
456 + position: relative!important;
457 + -ms-flex: 0 0 100%!important;
458 + flex: 0 0 100%!important;
459 + width: 100%!important;
460 + max-width: 100%!important;
461 + height: 6px!important;
462 + min-height: 6px!important;
463 + max-height: 6px!important;
464 + margin: 2px 0!important;
465 + padding: 0!important;
466 + border: 0!important;
467 + border-radius: 3px!important;
468 + outline: 0!important;
469 + background: var(--wpbc-bfb-accent-color,#327ab4)!important;
470 + box-shadow: 0 0 0 1px rgba(255,255,255,.9)!important;
471 + opacity: 1!important;
472 + overflow: hidden!important;
473 + pointer-events: none!important;
474 + -ms-transform: none!important;
475 + transform: none!important;
476 + transition: none!important
477 +}
478 +.wpbc_bfb__drag-ghost.wpbc_bfb__drop-indicator > * {
479 + display: none!important
480 +}
436 481 .wpbc_bfb__drag-ghost {
437 482 opacity: .9!important;
438 - min-height: 20px;
439 483 width: 100%;
440 484 box-sizing: border-box
441 485 }
442 486 .sortable-chosen {
@@ -452,9 +496,10 @@
452 496 min-height: 36px!important;
453 497 pointer-events: none
454 498 }
455 499 .wpbc_bfb__simple_list_fallback {
456 - opacity: .85
500 + opacity: .85;
501 + padding: 10px!important
457 502 }
458 503 .wpbc_bfb_form {
459 504 width: 100%;
460 505 box-sizing: border-box;
@@ -527,8 +572,20 @@
527 572 transform: translate(-50%,calc(-100% + 5px));
528 573 opacity: .95;
529 574 border: 1px solid var(--wpbc-bfb-accent-color,#327ab4)
530 575 }
576 +.wpbc_bfb__column:is([style*="--wpbc-bfb-col-overflow:"],[style*="--wpbc-bfb-col-overflow-x:"],[style*="--wpbc-bfb-col-overflow-y:"]) .wpbc_bfb__field > .wpbc_bfb__overlay-controls {
577 + left: auto;
578 + right: 2px;
579 + top: 2px;
580 + -ms-transform: none;
581 + transform: none
582 +}
583 +.wpbc_bfb__column:is([style*="--wpbc-bfb-col-overflow:"],[style*="--wpbc-bfb-col-overflow-x:"],[style*="--wpbc-bfb-col-overflow-y:"]) .wpbc_bfb__section > .wpbc_bfb__overlay-controls {
584 + top: 2px;
585 + -ms-transform: translate(-50%,0);
586 + transform: translate(-50%,0)
587 +}
531 588 .wpbc_bfb__pages_panel .wpbc_bfb__panel .wpbc_bfb__overlay-controls > * {
532 589 padding: 10px;
533 590 display: -ms-flexbox;
534 591 display: flex;
@@ -556,8 +613,43 @@
556 613 }
557 614 .wpbc_bfb__overlay-controls button:hover {
558 615 opacity: 1
559 616 }
617 +.wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn {
618 + transition: background-color .15s,border-color .15s,box-shadow .15s,color .15s,opacity .15s
619 +}
620 +.wpbc_bfb__pages_panel .wpbc_bfb__panel .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn {
621 + padding: 6px;
622 + margin: 4px;
623 + border-radius: 4px
624 +}
625 +.wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn:focus-visible,
626 +.wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn:hover {
627 + background: #eef5ff;
628 + border-color: var(--wpbc-bfb-accent-color,#327ab4);
629 + color: var(--wpbc-bfb-accent-color,#327ab4);
630 + opacity: 1
631 +}
632 +.wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn:focus-visible .menu_icon,
633 +.wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn:hover .menu_icon {
634 + color: var(--wpbc-bfb-accent-color,#327ab4)!important
635 +}
636 +.wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn:focus-visible {
637 + outline: 2px solid var(--wpbc-bfb-accent-color,#327ab4);
638 + outline-offset: 2px
639 +}
640 +.wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn[aria-pressed=true] {
641 + background: var(--wpbc-bfb-accent-color,#327ab4);
642 + border-color: var(--wpbc-bfb-accent-color,#327ab4);
643 + box-shadow: inset 0 0 0 1px rgba(255,255,255,.35);
644 + color: #fff!important;
645 + opacity: 1
646 +}
647 +.wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn[aria-pressed=true] .menu_icon,
648 +.wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn[aria-pressed=true],
649 +.wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn[aria-pressed=true] .menu_icon {
650 + color: #fff!important
651 +}
560 652 .wpbc_bfb__overlay-controls button:last-child {
561 653 font-size: 8px;
562 654 font-weight: 600
563 655 }
@@ -695,12 +787,12 @@
695 787 opacity: 1;
696 788 z-index: 999999;
697 789 pointer-events: none;
698 790 transition: none!important;
699 - padding: 10px!important;
700 - height: auto!important
791 + box-sizing: border-box!important;
792 + padding: 0!important
701 793 }
702 -html.wpbc_bfb__dnd-active .wpbc_bfb__drag-active {
794 +html.wpbc_bfb__drag-from-palette .wpbc_bfb__drag-active {
703 795 max-width: max-content;
704 796 min-width: min-content!important;
705 797 width: 200px!important
706 798 }
@@ -708,9 +800,9 @@
708 800 html.wpbc_bfb__drag-from-palette [data-drag-role=palette] {
709 801 border: 1px dashed rgba(0,0,0,.25);
710 802 background: #f7f7f7;
711 803 border-radius: 8px;
712 - padding: 6px 10px;
804 + padding: 6px 10px!important;
713 805 max-width: 320px
714 806 }
715 807 .wpbc_bfb__panel_field_types__ul .wpbc_bfb__highlight {
716 808 opacity: .4
@@ -793,8 +885,176 @@
793 885 }
794 886 .wpbc_bfb__inspector .inspector__row h2 {
795 887 padding: 0
796 888 }
889 +.wpbc_bfb__column_control_group {
890 + -ms-flex: 1 1 100%;
891 + flex: 1 1 100%;
892 + margin: 4px 0 12px;
893 + min-width: 0;
894 + width: 100%
895 +}
896 +.wpbc_bfb__column_control_heading_row,
897 +.wpbc_bfb__column_control_section_heading {
898 + -ms-flex-align: center;
899 + align-items: center;
900 + display: -ms-flexbox;
901 + display: flex;
902 + -ms-flex-flow: row nowrap;
903 + flex-flow: row nowrap;
904 + gap: 6px;
905 + -ms-flex-pack: start;
906 + justify-content: flex-start
907 +}
908 +.wpbc_bfb__column_control_heading_row {
909 + margin-bottom: 4px
910 +}
911 +.wpbc_bfb__column_control_heading {
912 + color: var(--wpbc_ui_horis_top_nav__a_color);
913 + font-size: 14px;
914 + margin: 0
915 +}
916 +.wpbc_bfb__column_help {
917 + -ms-flex-align: center;
918 + align-items: center;
919 + appearance: none;
920 + background: 0 0;
921 + border: 0;
922 + box-shadow: none;
923 + color: var(--wpbc_ui_horis_top_nav__a_color);
924 + cursor: help;
925 + display: -ms-inline-flexbox;
926 + display: inline-flex;
927 + -ms-flex: 0 0 auto;
928 + flex: 0 0 auto;
929 + font-size: 15px;
930 + height: 28px;
931 + -ms-flex-pack: center;
932 + justify-content: center;
933 + line-height: 1;
934 + margin: 0;
935 + padding: 0;
936 + width: 28px
937 +}
938 +.wpbc_bfb__column_help:focus-visible,
939 +.wpbc_bfb__column_help:hover {
940 + color: var(--wpbc_ui_horis_top_nav__hover_color)
941 +}
942 +.wpbc_bfb__column_help:focus-visible {
943 + border-radius: 3px;
944 + outline: 2px solid var(--wpbc_ui_horis_top_nav__hover_color);
945 + outline-offset: 1px
946 +}
947 +.wpbc_bfb__column_control_tablist {
948 + border-bottom: 1px solid var(--wpbc_ui_horis_top_nav__normal_color);
949 + display: grid;
950 + grid-template-columns: repeat(4,minmax(0,1fr));
951 + width: 100%
952 +}
953 +[data-column-control-tabs=size] > .wpbc_bfb__column_control_tablist {
954 + grid-template-columns: repeat(2,minmax(0,1fr))
955 +}
956 +.wpbc_bfb__column_control_tab {
957 + -ms-flex-align: center;
958 + align-items: center;
959 + appearance: none;
960 + background: 0 0;
961 + border: 0;
962 + border-bottom: 2px solid transparent;
963 + border-radius: 0;
964 + box-shadow: none;
965 + color: var(--wpbc_ui_horis_top_nav__a_color);
966 + cursor: pointer;
967 + display: -ms-inline-flexbox;
968 + display: inline-flex;
969 + font-weight: 600;
970 + gap: 5px;
971 + -ms-flex-pack: center;
972 + justify-content: center;
973 + margin: 0 0 -1px;
974 + min-width: 0;
975 + padding: 9px 4px
976 +}
977 +.wpbc_bfb__column_control_tab:focus-visible,
978 +.wpbc_bfb__column_control_tab:hover {
979 + border-bottom-color: var(--wpbc_ui_horis_top_nav__hover_color);
980 + color: var(--wpbc_ui_horis_top_nav__hover_color)
981 +}
982 +.wpbc_bfb__column_control_tab:focus-visible {
983 + outline: 2px solid var(--wpbc_ui_horis_top_nav__hover_color);
984 + outline-offset: -2px
985 +}
986 +.wpbc_bfb__column_control_tab[aria-selected=true] {
987 + border-bottom-color: var(--wpbc_ui_horis_top_nav__active_color);
988 + color: var(--wpbc_ui_horis_top_nav__active_color)
989 +}
990 +.wpbc_bfb__column_control_tab_marker {
991 + background: currentColor;
992 + border-radius: 50%;
993 + -ms-flex: 0 0 6px;
994 + flex: 0 0 6px;
995 + height: 6px;
996 + width: 6px
997 +}
998 +.wpbc_bfb__column_control_panel {
999 + padding-top: 10px
1000 +}
1001 +.wpbc_bfb__column_control_panel > .wpbc_len_group {
1002 + width: 100%
1003 +}
1004 +.wpbc_bfb__column_control_panel > .wpbc_len_group > .wpbc_inline_inputs {
1005 + display: -ms-flexbox;
1006 + display: flex;
1007 + -ms-flex-flow: row nowrap;
1008 + flex-flow: row nowrap;
1009 + gap: 5px;
1010 + margin: 5px 0;
1011 + width: 100%
1012 +}
1013 +.wpbc_bfb__column_panel_reset {
1014 + display: -ms-flexbox;
1015 + display: flex;
1016 + -ms-flex-pack: center;
1017 + justify-content: center;
1018 + margin-top: 5px;
1019 + width: 100%
1020 +}
1021 +.wpbc_bfb__column_reset_link {
1022 + appearance: none;
1023 + background: 0 0;
1024 + border: 0;
1025 + box-shadow: none;
1026 + color: var(--wpbc-bfb-accent-color,#2271b1);
1027 + cursor: pointer;
1028 + display: block;
1029 + font-size: 12px;
1030 + line-height: 1.5;
1031 + margin: 5px auto 0;
1032 + padding: 2px 5px;
1033 + text-decoration: underline;
1034 + text-underline-offset: 2px
1035 +}
1036 +.wpbc_bfb__column_reset_link:focus-visible,
1037 +.wpbc_bfb__column_reset_link:hover {
1038 + color: var(--wpbc_ui_horis_top_nav__hover_color);
1039 + text-decoration-thickness: 2px
1040 +}
1041 +.wpbc_bfb__column_reset_link:focus-visible {
1042 + border-radius: 3px;
1043 + outline: 2px solid var(--wpbc_ui_horis_top_nav__hover_color);
1044 + outline-offset: 1px
1045 +}
1046 +.wpbc_bfb__column_reset_all,
1047 +.wpbc_bfb__column_reset_all .inspector__control {
1048 + display: -ms-flexbox;
1049 + display: flex;
1050 + -ms-flex-pack: center;
1051 + justify-content: center
1052 +}
1053 +.wpbc_bfb__column_reset_all .inspector__control {
1054 + -ms-flex: 0 1 auto;
1055 + flex: 0 1 auto
1056 +}
797 1057 .inspector__row {
798 1058 display: -ms-flexbox;
799 1059 display: flex;
800 1060 -ms-flex-flow: row wrap;
@@ -933,88 +1193,8 @@
933 1193 align-self: stretch;
934 1194 min-height: 50px;
935 1195 font-weight: 600
936 1196 }
937 -.inspector__row .inspector__w_10 {
938 - -ms-flex-preferred-size: 10%;
939 - flex-basis: 10%
940 -}
941 -.inspector__row .inspector__w_20 {
942 - -ms-flex-preferred-size: 20%;
943 - flex-basis: 20%
944 -}
945 -.inspector__row .inspector__w_30 {
946 - -ms-flex-preferred-size: 30%;
947 - flex-basis: 30%
948 -}
949 -.inspector__row .inspector__w_40 {
950 - -ms-flex-preferred-size: 40%;
951 - flex-basis: 40%
952 -}
953 -.inspector__row .inspector__w_50 {
954 - -ms-flex-preferred-size: 50%;
955 - flex-basis: 50%
956 -}
957 -.inspector__row .inspector__w_60 {
958 - -ms-flex-preferred-size: 60%;
959 - flex-basis: 60%
960 -}
961 -.inspector__row .inspector__w_70 {
962 - -ms-flex-preferred-size: 70%;
963 - flex-basis: 70%
964 -}
965 -.inspector__row .inspector__w_80 {
966 - -ms-flex-preferred-size: 80%;
967 - flex-basis: 80%
968 -}
969 -.inspector__row .inspector__w_90 {
970 - -ms-flex-preferred-size: 90%;
971 - flex-basis: 90%
972 -}
973 -.inspector__row .inspector__w_100 {
974 - -ms-flex-preferred-size: 100%;
975 - flex-basis: 100%
976 -}
977 -.inspector__row .inspector__w_05 {
978 - -ms-flex-preferred-size: 5%;
979 - flex-basis: 5%
980 -}
981 -.inspector__row .inspector__w_15 {
982 - -ms-flex-preferred-size: 15%;
983 - flex-basis: 15%
984 -}
985 -.inspector__row .inspector__w_25 {
986 - -ms-flex-preferred-size: 25%;
987 - flex-basis: 25%
988 -}
989 -.inspector__row .inspector__w_35 {
990 - -ms-flex-preferred-size: 35%;
991 - flex-basis: 35%
992 -}
993 -.inspector__row .inspector__w_45 {
994 - -ms-flex-preferred-size: 45%;
995 - flex-basis: 45%
996 -}
997 -.inspector__row .inspector__w_55 {
998 - -ms-flex-preferred-size: 55%;
999 - flex-basis: 55%
1000 -}
1001 -.inspector__row .inspector__w_65 {
1002 - -ms-flex-preferred-size: 65%;
1003 - flex-basis: 65%
1004 -}
1005 -.inspector__row .inspector__w_75 {
1006 - -ms-flex-preferred-size: 75%;
1007 - flex-basis: 75%
1008 -}
1009 -.inspector__row .inspector__w_85 {
1010 - -ms-flex-preferred-size: 85%;
1011 - flex-basis: 85%
1012 -}
1013 -.inspector__row .inspector__w_95 {
1014 - -ms-flex-preferred-size: 95%;
1015 - flex-basis: 95%
1016 -}
1017 1197 .inspector__row .wpbc_inline_inputs {
1018 1198 display: -ms-flexbox;
1019 1199 display: flex;
1020 1200 -ms-flex-flow: row nowrap;
@@ -1190,8 +1370,11 @@
1190 1370 opacity: 0;
1191 1371 animation: .48s ease-out both wpbc-bfb-ping
1192 1372 }
1193 1373 @media (prefers-reduced-motion:reduce) {
1374 + .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn {
1375 + transition: none
1376 + }
1194 1377 .wpbc_bfb__highlight-pulse {
1195 1378 animation: none;
1196 1379 outline: 3px solid var(--wpbc-bfb-pulse-color);
1197 1380 outline-offset: 8px
@@ -1415,9 +1598,12 @@
1415 1598 font-size: 10px;
1416 1599 font-weight: 400;
1417 1600 margin-inline-start: 1em;
1418 1601 -ms-flex-align: center;
1419 - align-items: center
1602 + align-items: center;
1603 + white-space: nowrap;
1604 + max-width: 10em;
1605 + overflow: hidden
1420 1606 }
1421 1607 .wpbc_bfb__live_status__builder {
1422 1608 color: #619d40
1423 1609 }
@@ -1970,5 +2156,9 @@
1970 2156 width: 100%;
1971 2157 min-height: 350px;
1972 2158 font-family: monospace;
1973 2159 font-size: 12px
2160 +}
2161 +.wpbc_admin_page__tab__builder_booking_form .wpbc_header_news,
2162 +.wpbc_admin_page__tab__builder_booking_form div.wpbc_inner_message.wpbc_booking_modes_quickstart_notice {
2163 + display: none
1974 2164 }