← All changes | css/custom_theme.css.php +25 -107 6.27 → trunk View file →

		@@ -6,9 +6,9 @@
6	6	if ( ! isset( $saving ) ) {
7	7	header( 'Content-type: text/css' );
8	8
9	9	if ( ! empty( $css ) ) {
10		- echo strip_tags( $css, 'all' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	10	+ echo strip_tags( FrmStylesHelper::maybe_scope_custom_css_in_cached_output( $css ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
11	11	FrmStylesController::maybe_hide_sample_form_error_message();
12	12	die();
13	13	}
14	14	}
		@@ -18,13 +18,19 @@
18	18	}
19	19
20	20	$styles = $frm_style->get_all();
21	21	$default_style = $frm_style->get_default_style( $styles );
22		-$defaults = FrmStylesHelper::get_settings_for_output( $default_style );
23		-$important = empty( $defaults['important_style'] ) ? '' : ' !important';
24	22	$pro_is_installed = FrmAppHelper::pro_is_installed();
25		-$use_chosen_js = FrmStylesHelper::use_chosen_js();
26	23
	24	+if ( ! $pro_is_installed && $default_style ) {
	25	+ // Per-form styles are a Pro feature, so only the default style is ever used without Pro.
	26	+ $styles = array( $default_style->ID => $default_style );
	27	+}
	28	+
	29	+$defaults = FrmStylesHelper::get_settings_for_output( $default_style );
	30	+$important = ! empty( $defaults['important_style'] ) ? ' !important' : '';
	31	+$use_chosen_js = FrmStylesHelper::use_chosen_js();
	32	+
27	33	?>
28	34	.with_frm_style{
29	35	<?php FrmStylesHelper::output_vars( $defaults ); ?>
30	36	}
		@@ -142,13 +148,14 @@
142	148	color: var(--form-desc-color)<?php echo esc_html( $important ); ?>;
143	149	<?php } ?>
144	150	}
145	151
	152	+.with_frm_style .frm_form_field.frm_html_container{
146	153	<?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?>
147		-.with_frm_style .frm_form_field.frm_html_container{
148	154	font-size: var(--form-desc-size)<?php echo esc_html( $important ); ?>;
	155	+<?php } ?>
	156	+ overflow-wrap: break-word<?php echo esc_html( $important ); ?>;
149	157	}
150		-<?php } ?>
151	158
152	159	.with_frm_style .frm_form_field .frm_show_it{
153	160	<?php if ( ! empty( $defaults['field_font_size'] ) ) { ?>
154	161	font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
		@@ -227,9 +234,14 @@
227	234	outline: none<?php echo esc_html( $important ); ?>;
228	235	font-weight: var(--field-weight);
229	236	}
230	237
231		-<?php if ( ! empty( $important ) ) : ?>
	238	+.with_frm_style input:-webkit-autofill:focus {
	239	+ /* Prevent the user agent autofill background color from taking effect on focus. */
	240	+ transition: background-color 5000s ease-in-out 0s<?php echo esc_html( $important ); ?>;
	241	+}
	242	+
	243	+<?php if ( $important ) : ?>
232	244	<?php if ( $use_chosen_js ) { ?>
233	245	.with_frm_style .chosen-container-multi .chosen-choices,
234	246	.with_frm_style .chosen-container-single .chosen-single,
235	247	<?php } ?>
		@@ -562,9 +574,8 @@
562	574	<?php } else { ?>
563	575	padding:5px;
564	576	<?php } ?>
565	577	<?php if ( ! empty( $defaults['border_radius'] ) ) { ?>
566		- border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
567	578	border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
568	579	<?php } ?>
569	580	<?php if ( ! empty( $defaults['submit_font_size'] ) ) { ?>
570	581	font-size: var(--submit-font-size)<?php echo esc_html( $important ); ?>;
		@@ -734,9 +745,9 @@
734	745	unset( $style );
735	746	}
736	747
737	748	// Set it again since it may have been overridden.
738		-$important = empty( $defaults['important_style'] ) ? '' : ' !important';
	749	+$important = ! empty( $defaults['important_style'] ) ? ' !important' : '';
739	750	?>
740	751
741	752	.frm_ajax_loading{
742	753	visibility:hidden;
		@@ -1353,105 +1364,8 @@
1353	1364	.frm_grid_odd .frm_checkbox{
1354	1365	display:inline;
1355	1366	}
1356	1367
1357		-.frm_grid_2 .frm_radio,
1358		-.frm_grid_2 .frm_checkbox,
1359		-.frm_grid_2 .frm_primary_label{
1360		- width:48% !important;
1361		-}
1362		-
1363		-.frm_grid_2 .frm_radio,
1364		-.frm_grid_2 .frm_checkbox{
1365		- margin-right:4%;
1366		-}
1367		-
1368		-.frm_grid_3 .frm_radio,
1369		-.frm_grid_3 .frm_checkbox,
1370		-.frm_grid_3 .frm_primary_label{
1371		- width:30% !important;
1372		-}
1373		-
1374		-.frm_grid_3 .frm_radio,
1375		-.frm_grid_3 .frm_checkbox{
1376		- margin-right:3%;
1377		-}
1378		-
1379		-.frm_grid_4 .frm_radio,
1380		-.frm_grid_4 .frm_checkbox{
1381		- width:20% !important;
1382		-}
1383		-
1384		-.frm_grid_4 .frm_primary_label{
1385		- width:28% !important;
1386		-}
1387		-
1388		-.frm_grid_4 .frm_radio,
1389		-.frm_grid_4 .frm_checkbox{
1390		- margin-right:4%;
1391		-}
1392		-
1393		-.frm_grid_5 .frm_primary_label,
1394		-.frm_grid_7 .frm_primary_label{
1395		- width:24% !important;
1396		-}
1397		-
1398		-.frm_grid_5 .frm_radio,
1399		-.frm_grid_5 .frm_checkbox{
1400		- width:17% !important;
1401		- margin-right:2%;
1402		-}
1403		-
1404		-.frm_grid_6 .frm_primary_label{
1405		- width:25% !important;
1406		-}
1407		-
1408		-.frm_grid_6 .frm_radio,
1409		-.frm_grid_6 .frm_checkbox{
1410		- width:14% !important;
1411		- margin-right:1%;
1412		-}
1413		-
1414		-.frm_grid_7 .frm_primary_label{
1415		- width:22% !important;
1416		-}
1417		-
1418		-.frm_grid_7 .frm_radio,
1419		-.frm_grid_7 .frm_checkbox{
1420		- width:12% !important;
1421		- margin-right:1%;
1422		-}
1423		-
1424		-.frm_grid_8 .frm_primary_label{
1425		- width:23% !important;
1426		-}
1427		-
1428		-.frm_grid_8 .frm_radio,
1429		-.frm_grid_8 .frm_checkbox{
1430		- width:10% !important;
1431		- margin-right:1%;
1432		-}
1433		-
1434		-.frm_grid_9 .frm_primary_label{
1435		- width:20% !important;
1436		-}
1437		-
1438		-.frm_grid_9 .frm_radio,
1439		-.frm_grid_9 .frm_checkbox{
1440		- width:9% !important;
1441		- margin-right:1%;
1442		-}
1443		-
1444		-.frm_grid_10 .frm_primary_label{
1445		- width:19% !important;
1446		-}
1447		-
1448		-.frm_grid_10 .frm_radio,
1449		-.frm_grid_10 .frm_checkbox{
1450		- width:8% !important;
1451		- margin-right:1%;
1452		-}
1453		-
1454	1368	.frm_form_field.frm_inline_container .frm_opt_container,
1455	1369	.frm_form_field.frm_right_container .frm_opt_container,
1456	1370	.frm_form_field.frm_left_container .frm_opt_container{
1457	1371	padding-top:4px;
		@@ -1670,5 +1584,9 @@
1670	1584	margin: 0;
1671	1585	}
1672	1586	<?php
1673	1587
1674		-echo strip_tags( FrmStylesController::get_custom_css() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	1588	+$frm_custom_css = strip_tags( FrmStylesController::get_custom_css() );
	1589	+
	1590	+if ( $frm_custom_css ) {
	1591	+ echo FrmStylesHelper::maybe_scope_css_for_admin( $frm_custom_css ) . PHP_EOL; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	1592	+}