| @@ -239,9 +239,9 @@ | ||
| 239 | 239 | justify-content: flex-start; |
| 240 | 240 | align-items: center; |
| 241 | 241 | } |
| 242 | 242 | .wpbc_popup_modal td fieldset .wpbc_ui__toggle { |
| 243 | - flex:0; | |
| 243 | + flex:0 1 auto; | |
| 244 | 244 | } |
| 245 | 245 | .wpbc_popup_modal td fieldset span.description { |
| 246 | 246 | flex: 1; |
| 247 | 247 | margin: 3px 0 0.5em; |
| @@ -626,8 +626,85 @@ | ||
| 626 | 626 | .wpbc_sc_container__shortcode_section__general , |
| 627 | 627 | .wpbc_sc_container__shortcode_section__search_filters{ |
| 628 | 628 | display:block; |
| 629 | 629 | } |
| 630 | + | |
| 631 | +/* Modern workflow shortcode descriptions belong below their controls. */ | |
| 632 | +#wpbc_sc_container__shortcode_booking_appointment .form-table td fieldset > span.description, | |
| 633 | +#wpbc_sc_container__shortcode_booking_resource_selector .form-table td fieldset > span.description { | |
| 634 | + flex: 100%; | |
| 635 | + padding: 5px 0; | |
| 636 | + line-height: 1.74; | |
| 637 | + font-size: 13px; | |
| 638 | +} | |
| 639 | + | |
| 640 | +/* Keep the shortcode popup frame fixed and scroll only its active configuration section. */ | |
| 641 | +@media (min-width: 783px) { | |
| 642 | + #wpbc_tiny_modal.wpbc_shortcode_config__scroll_mode { | |
| 643 | + overflow-y: hidden !important; | |
| 644 | + } | |
| 645 | + #wpbc_tiny_modal.wpbc_shortcode_config__scroll_mode .modal-dialog.modal-lg { | |
| 646 | + height: calc(100vh - 10px); | |
| 647 | + } | |
| 648 | + #wpbc_tiny_modal.wpbc_shortcode_config__scroll_mode .modal-content { | |
| 649 | + display: flex; | |
| 650 | + flex-direction: column; | |
| 651 | + height: 100%; | |
| 652 | + overflow: hidden; | |
| 653 | + } | |
| 654 | + #wpbc_tiny_modal.wpbc_shortcode_config__scroll_mode .modal-header, | |
| 655 | + #wpbc_tiny_modal.wpbc_shortcode_config__scroll_mode .modal-footer { | |
| 656 | + flex: 0 0 auto; | |
| 657 | + } | |
| 658 | + #wpbc_tiny_modal.wpbc_shortcode_config__scroll_mode .modal-body { | |
| 659 | + flex: 1 1 auto; | |
| 660 | + min-height: 0; | |
| 661 | + overflow: hidden; | |
| 662 | + } | |
| 663 | + #wpbc_tiny_modal.wpbc_shortcode_config__scroll_mode .modal-body > .wpbc_settings_flex_container { | |
| 664 | + height: 100%; | |
| 665 | + min-height: 0; | |
| 666 | + flex-wrap: nowrap; | |
| 667 | + align-items: stretch; | |
| 668 | + overflow: hidden; | |
| 669 | + } | |
| 670 | + #wpbc_tiny_modal.wpbc_shortcode_config__scroll_mode .wpbc_settings_flex_container_left { | |
| 671 | + min-height: 0; | |
| 672 | + max-height: 100%; | |
| 673 | + } | |
| 674 | + #wpbc_tiny_modal.wpbc_shortcode_config__scroll_mode .wpbc_settings_flex_container_right { | |
| 675 | + display: flex; | |
| 676 | + flex-direction: column; | |
| 677 | + min-width: 0; | |
| 678 | + min-height: 0; | |
| 679 | + height: 100%; | |
| 680 | + max-height: 100%; | |
| 681 | + overflow: hidden; | |
| 682 | + } | |
| 683 | + #wpbc_tiny_modal.wpbc_shortcode_config__scroll_mode .wpbc_sc_container__all_shortcodes { | |
| 684 | + flex: 1 1 auto; | |
| 685 | + min-height: 0; | |
| 686 | + overflow: hidden; | |
| 687 | + box-sizing: border-box; | |
| 688 | + } | |
| 689 | + #wpbc_tiny_modal.wpbc_shortcode_config__scroll_mode .wpbc_sc_container__shortcode_is_active { | |
| 690 | + display: flex !important; | |
| 691 | + flex-direction: column; | |
| 692 | + height: 100%; | |
| 693 | + min-height: 0; | |
| 694 | + } | |
| 695 | + #wpbc_tiny_modal.wpbc_shortcode_config__scroll_mode .wpbc_sc_container__shortcode_is_active > .wpdvlp-tabs-wrapper, | |
| 696 | + #wpbc_tiny_modal.wpbc_shortcode_config__scroll_mode .wpbc_sc_container__shortcode_is_active > .wpbc_shortcode_config_content_toolbar__next_prior { | |
| 697 | + flex: 0 0 auto; | |
| 698 | + } | |
| 699 | + #wpbc_tiny_modal.wpbc_shortcode_config__scroll_mode .wpbc_sc_container__shortcode_is_active > .wpbc_sc_container__shortcode_section { | |
| 700 | + flex: 1 1 auto; | |
| 701 | + min-height: 0; | |
| 702 | + overflow-y: auto; | |
| 703 | + overscroll-behavior: contain; | |
| 704 | + padding-right: 8px; | |
| 705 | + } | |
| 706 | +} | |
| 630 | 707 | /* Hide all sections by default*/ |
| 631 | 708 | .wpbc_sc_container__shortcode_subsection{ |
| 632 | 709 | display:none; |
| 633 | 710 | } |
