← All changes | includes/page-form-builder/_src/builder-form-page.css +82 -23 11.0 → 11.8.4 View file →

		@@ -73,8 +73,20 @@
73	73	}
74	74	.wpbc_bfb__panel--preview h3 button {
75	75	cursor: pointer;
76	76	}
	77	+.wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 h3.wpbc_bfb__page_number,
	78	+.wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 h3.wpbc_bfb__page_number button,
	79	+.wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 h3.wpbc_bfb__page_number .menu_icon,
	80	+.wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 h3.wpbc_bfb__page_number *,
	81	+.wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls,
	82	+.wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls button,
	83	+.wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls .menu_icon,
	84	+.wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls .wpbc_bfb__drag-handle,
	85	+.wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls .wpbc_icn_drag_indicator,
	86	+.wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls * {
	87	+ color: #1d2327 !important;
	88	+}
77	89	/* Section container within a page (holds sections/columns) */
78	90	.wpbc_bfb__form_preview_section_container:empty {
79	91	min-height: 100px;
80	92	}
		@@ -706,9 +718,9 @@
706	718	html:not(.wpbc_bfb__dnd-active) .wpbc_bfb__section.is-selected .wpbc_bfb__column.is-selected-column {
707	719	background: repeating-linear-gradient(-45deg,#3874e921 1px 2px,#fff 3px 5px);
708	720	}
709	721	html:not(.wpbc_bfb__dnd-active) .wpbc_theme_dark_1 .wpbc_bfb__section.is-selected .wpbc_bfb__column {
710		- background: repeating-linear-gradient(-45deg,#626262 1px 4px,#4c4c4c 5px 7px);
	722	+ background: repeating-linear-gradient(-45deg,#383a3d 1px 4px,#4c4c4c 5px 7px);
711	723	}
712	724	html:not(.wpbc_bfb__dnd-active) .wpbc_theme_dark_1 .wpbc_bfb__section.is-selected .wpbc_bfb__column.is-selected-column {
713	725	background: repeating-linear-gradient(-45deg,#3c3d73 1px 4px,#4c4c4c 5px 7px);
714	726	}
		@@ -927,8 +939,66 @@
927	939	background: #f6f7f7;
928	940	color: #6c7781;
929	941	cursor: not-allowed;
930	942	}
	943	+
	944	+.wpbc_bfb_style_choice_grid {
	945	+ display: grid;
	946	+ gap: 8px;
	947	+ grid-template-columns: repeat(2, minmax(0, 1fr));
	948	+}
	949	+
	950	+.wpbc_bfb_style_choice_grid .wpbc_theme_choice {
	951	+ align-items: flex-start;
	952	+ background: #fff;
	953	+ border: 1px solid #dfe4ea;
	954	+ border-radius: 6px;
	955	+ box-sizing: border-box;
	956	+ cursor: pointer;
	957	+ display: flex;
	958	+ gap: 8px;
	959	+ min-height: 54px;
	960	+ padding: 9px;
	961	+}
	962	+
	963	+.wpbc_bfb_style_choice_grid .wpbc_theme_choice input {
	964	+ height: 1px;
	965	+ margin: 0;
	966	+ opacity: 0;
	967	+ position: absolute;
	968	+ width: 1px;
	969	+}
	970	+
	971	+.wpbc_bfb_style_choice_grid .wpbc_theme_choice.is-selected,
	972	+.wpbc_bfb_style_choice_grid .wpbc_theme_choice:has(input:checked) {
	973	+ border-color: var(--wpbc-bfb-accent-color, #327ab4);
	974	+ box-shadow: 0 0 0 1px var(--wpbc-bfb-accent-color, #327ab4);
	975	+}
	976	+
	977	+.wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch {
	978	+ border: 1px solid #cbd5e1;
	979	+ border-radius: 6px;
	980	+ box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.45);
	981	+ flex: 0 0 auto;
	982	+ height: 24px;
	983	+ width: 24px;
	984	+}
	985	+
	986	+.wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_light_bordered { background: #fff; border-color: #aeb8c4; }
	987	+.wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_light_none { background: linear-gradient(135deg, #fff 0%, #fff 50%, #eef2f6 50%, #eef2f6 100%); border-color: transparent; box-shadow: inset 0 0 0 1px #d9e1ea; }
	988	+.wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_light_soft { background: #f8fafc; border-color: #d8dee6; }
	989	+.wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_dark_bordered { background: #111827; border-color: #334155; }
	990	+.wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_dark_none { background: linear-gradient(135deg, #111827 0%, #111827 50%, #334155 50%, #334155 100%); border-color: transparent; box-shadow: inset 0 0 0 1px #475569; }
	991	+.wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_dark_soft { background: #1f2937; border-color: #475569; }
	992	+.wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_custom { background: linear-gradient(135deg, #fff 0%, #fff 30%, #2271b1 30%, #2271b1 62%, #111827 62%, #111827 100%); border-color: #8aa6c3; }
	993	+
	994	+.wpbc_bfb_style_choice_grid .wpbc_theme_choice_label {
	995	+ color: #1d2327;
	996	+ font-size: 13px;
	997	+ font-weight: 600;
	998	+ line-height: 1.2;
	999	+ overflow-wrap: anywhere;
	1000	+}
931	1001	.wpbc_bfb__inspector__empty {
932	1002	color: #a67345;
933	1003	font-size: 17px;
934	1004	padding: 6px;
		@@ -939,29 +1009,8 @@
939	1009	align-self: stretch;
940	1010	min-height: 50px;
941	1011	font-weight: 600;
942	1012	}
943		-/* Sizes*/
944		-.inspector__row .inspector__w_10 { flex-basis: 10%; }
945		-.inspector__row .inspector__w_20 { flex-basis: 20%; }
946		-.inspector__row .inspector__w_30 { flex-basis: 30%; }
947		-.inspector__row .inspector__w_40 { flex-basis: 40%; }
948		-.inspector__row .inspector__w_50 { flex-basis: 50%; }
949		-.inspector__row .inspector__w_60 { flex-basis: 60%; }
950		-.inspector__row .inspector__w_70 { flex-basis: 70%; }
951		-.inspector__row .inspector__w_80 { flex-basis: 80%; }
952		-.inspector__row .inspector__w_90 { flex-basis: 90%; }
953		-.inspector__row .inspector__w_100 { flex-basis: 100%; }
954		-.inspector__row .inspector__w_05 { flex-basis: 5%; }
955		-.inspector__row .inspector__w_15 { flex-basis: 15%; }
956		-.inspector__row .inspector__w_25 { flex-basis: 25%; }
957		-.inspector__row .inspector__w_35 { flex-basis: 35%; }
958		-.inspector__row .inspector__w_45 { flex-basis: 45%; }
959		-.inspector__row .inspector__w_55 { flex-basis: 55%; }
960		-.inspector__row .inspector__w_65 { flex-basis: 65%; }
961		-.inspector__row .inspector__w_75 { flex-basis: 75%; }
962		-.inspector__row .inspector__w_85 { flex-basis: 85%; }
963		-.inspector__row .inspector__w_95 { flex-basis: 95%; }
964	1013
965	1014	.inspector__row .wpbc_inline_inputs {
966	1015	display: flex;
967	1016	flex-flow: row nowrap;
		@@ -1345,8 +1394,11 @@
1345	1394	font-size: 10px;
1346	1395	font-weight: 400;
1347	1396	margin-inline-start: 1em;
1348	1397	align-items: center;
	1398	+ white-space: nowrap;
	1399	+ max-width: 20em;
	1400	+ overflow: hidden;
1349	1401	}
1350	1402	.wpbc_bfb__live_status__builder { color: #619d40; }
1351	1403	.wpbc_bfb__live_status__advanced { color: #b97131; }
1352	1404	/* == Top Toolbar - Form Name|Title. ============================================================================== */
		@@ -1622,9 +1674,10 @@
1622	1674	height: 50px;
1623	1675	object-fit: cover;
1624	1676	border-radius: 3px;
1625	1677	border: 0;
1626		- background: #fff
	1678	+ background: #fff;
	1679	+ object-position: 0% 30%;
1627	1680	}
1628	1681	.wpbc_bfb__load_form_item_text {
1629	1682	flex: 1 1 auto;
1630	1683	min-width: 0;
		@@ -1822,4 +1875,10 @@
1822	1875	min-height: 350px;
1823	1876	font-family: monospace;
1824	1877	font-size: 12px;
1825	1878	}
	1879	+
	1880	+/* Prevent showing some messages in the WP Booking Calendar > Settings > Forms Builder page: */
	1881	+.wpbc_admin_page__tab__builder_booking_form .wpbc_header_news,
	1882	+.wpbc_admin_page__tab__builder_booking_form div.wpbc_inner_message.wpbc_booking_modes_quickstart_notice {
	1883	+ display:none;
	1884	+}