← All changes | css/modal.css +143 -1 11.0 → 11.8.1 View file →

		@@ -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;
		@@ -428,8 +428,19 @@
428	428	flex: 1 1 auto;
429	429	min-height: 0;
430	430	overflow-y: auto;
431	431	}
	432	+.wpbc_modal__add_booking__footer_time_override {
	433	+ flex: 1 1 auto;
	434	+ display: flex;
	435	+ justify-content: flex-start;
	436	+ min-width: 280px;
	437	+}
	438	+.wpbc_modal__add_booking__footer_time_override:empty {
	439	+ display: none;
	440	+ flex: 0 0 auto;
	441	+ min-width: 0;
	442	+}
432	443	.wpbc_modal__add_booking__header_main {
433	444	display: flex;
434	445	flex-wrap: wrap;
435	446	gap: 10px 18px;
		@@ -470,8 +481,62 @@
470	481	text-decoration: none;
471	482	white-space: nowrap;
472	483	box-shadow: none;
473	484	}
	485	+.wpbc_add_booking_modal__time_override {
	486	+ display: flex;
	487	+ flex: 1 1 auto;
	488	+ flex-wrap: wrap;
	489	+ align-items: center;
	490	+ justify-content: flex-start;
	491	+ gap: 8px 12px;
	492	+ margin: 0;
	493	+ padding: 7px 10px;
	494	+ border: 1px solid #dcdcde;
	495	+ background: #f6f7f7;
	496	+ border-left: 4px solid var(--wp-admin-theme-color, #2271b1);
	497	+ border-radius: 4px;
	498	+ text-align: left;
	499	+}
	500	+.wpbc_add_booking_modal__time_override_toggle {
	501	+ display: inline-flex;
	502	+ align-items: center;
	503	+ margin: 0;
	504	+}
	505	+.wpbc_add_booking_modal__time_override_fields {
	506	+ display: flex;
	507	+ flex-wrap: wrap;
	508	+ gap: 6px;
	509	+ align-items: center;
	510	+}
	511	+.wpbc_add_booking_modal__time_override_fields label {
	512	+ display: flex;
	513	+ flex-direction: row;
	514	+ align-items: center;
	515	+ gap: 4px;
	516	+ margin: 0;
	517	+ color: #50575e;
	518	+ font-size: 12px;
	519	+ font-weight: 600;
	520	+}
	521	+.wpbc_add_booking_modal__time_override_fields input[type="text"] {
	522	+ width: 72px;
	523	+ min-height: 30px;
	524	+ text-align: center;
	525	+}
	526	+.wpbc_add_booking_modal__time_override_note {
	527	+ flex: 1 1 180px;
	528	+ margin: 0;
	529	+ color: #646970;
	530	+ font-size: 12px;
	531	+}
	532	+.wpbc_add_booking_modal__time_override:not(.is-enabled) {
	533	+ border-left-color: #8c8f94;
	534	+ opacity: 0.82;
	535	+}
	536	+.wpbc_add_booking_modal__time_field_overridden {
	537	+ opacity: 0.65;
	538	+}
474	539	@media (max-width: 782px) {
475	540	.wpbc_modal__add_booking__section .modal-dialog.modal-lg {
476	541	height: calc(100vh - 30px);
477	542	}
		@@ -561,8 +626,85 @@
561	626	.wpbc_sc_container__shortcode_section__general ,
562	627	.wpbc_sc_container__shortcode_section__search_filters{
563	628	display:block;
564	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	+}
565	707	/* Hide all sections by default*/
566	708	.wpbc_sc_container__shortcode_subsection{
567	709	display:none;
568	710	}