← All changes | core/kits/documents/tabs/settings-layout.php +16 -69 4.1.0-beta3 → 3.5.6 View file →

		@@ -8,9 +8,9 @@
8	8	use Elementor\Core\Base\Document;
9	9	use Elementor\Modules\PageTemplates\Module as PageTemplatesModule;
10	10
11	11	if ( ! defined( 'ABSPATH' ) ) {
12		- exit; // Exit if accessed directly.
	12	+ exit; // Exit if accessed directly
13	13	}
14	14
15	15	class Settings_Layout extends Tab_Base {
16	16
		@@ -32,9 +32,9 @@
32	32	return 'eicon-layout-settings';
33	33	}
34	34
35	35	public function get_help_url() {
36		- return 'https://go.elementor.com/global-layout/';
	36	+ return 'https://go.elementor.com/global-layout';
37	37	}
38	38
39	39	protected function register_tab_controls() {
40	40	$breakpoints_default_config = Breakpoints_Manager::get_default_config();
		@@ -51,13 +51,12 @@
51	51
52	52	$this->add_responsive_control(
53	53	'container_width',
54	54	[
55		- 'label' => esc_html__( 'Content Width', 'elementor' ),
	55	+ 'label' => esc_html__( 'Content Width', 'elementor' ) . ' (px)',
56	56	'type' => Controls_Manager::SLIDER,
57		- 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],
58	57	'default' => [
59		- 'size' => 1140,
	58	+ 'size' => '1140',
60	59	],
61	60	'tablet_default' => [
62	61	'size' => $breakpoints_default_config[ $breakpoint_key_tablet ]['default_value'],
63	62	],
		@@ -70,67 +69,34 @@
70	69	'max' => 1500,
71	70	'step' => 10,
72	71	],
73	72	],
74		- 'description' => esc_html__( 'Sets the default width of the content area (Default: 1140px)', 'elementor' ),
	73	+ 'description' => esc_html__( 'Sets the default width of the content area (Default: 1140)', 'elementor' ),
75	74	'selectors' => [
76	75	'.elementor-section.elementor-section-boxed > .elementor-container' => 'max-width: {{SIZE}}{{UNIT}}',
77		- '.e-con' => '--container-max-width: {{SIZE}}{{UNIT}}',
78	76	],
79	77	]
80	78	);
81	79
82		- $is_container_active = Plugin::instance()->experiments->is_feature_active( 'container' );
83		-
84		- if ( $is_container_active ) {
85		- $this->add_responsive_control(
86		- 'container_padding',
87		- [
88		- 'label' => esc_html__( 'Container Padding', 'elementor' ),
89		- 'type' => Controls_Manager::DIMENSIONS,
90		- 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],
91		- 'description' => esc_html__( 'Sets the default space inside the container (Default is 10px)', 'elementor' ),
92		- 'selectors' => [
93		- '.e-con' => '--container-default-padding-top: {{TOP}}{{UNIT}}; --container-default-padding-right: {{RIGHT}}{{UNIT}}; --container-default-padding-bottom: {{BOTTOM}}{{UNIT}}; --container-default-padding-left: {{LEFT}}{{UNIT}};',
94		- ],
95		- ]
96		- );
97		- }
98		-
99		- $widgets_space_label = $is_container_active
100		- ? esc_html__( 'Gaps', 'elementor' )
101		- : esc_html__( 'Widgets Space', 'elementor' );
102		-
103	80	$this->add_control(
104	81	'space_between_widgets',
105	82	[
106		- 'label' => $widgets_space_label,
107		- 'type' => Controls_Manager::GAPS,
	83	+ 'label' => esc_html__( 'Widgets Space', 'elementor' ) . ' (px)',
	84	+ 'type' => Controls_Manager::SLIDER,
108	85	'default' => [
109		- 'row' => '20',
110		- 'column' => '20',
111		- 'unit' => 'px',
	86	+ 'size' => 20,
112	87	],
113		- 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],
114		- 'placeholder' => [
115		- 'row' => '20',
116		- 'column' => '20',
117		- ],
118		- 'description' => esc_html__( 'Sets the default space between widgets (Default: 20px)', 'elementor' ),
119		- 'selectors' => $this->get_spacing_selectors(),
120		- 'conversion_map' => [
121		- 'old_key' => 'size',
122		- 'new_key' => 'column',
123		- ],
124		- 'upgrade_conversion_map' => [
125		- 'old_key' => 'size',
126		- 'new_keys' => [ 'column', 'row' ],
127		- ],
128		- 'validators' => [
129		- 'Number' => [
	88	+ 'range' => [
	89	+ 'px' => [
130	90	'min' => 0,
	91	+ 'max' => 40,
131	92	],
132	93	],
	94	+ 'placeholder' => '20',
	95	+ 'description' => esc_html__( 'Sets the default space between widgets (Default: 20)', 'elementor' ),
	96	+ 'selectors' => [
	97	+ '.elementor-widget:not(:last-child)' => 'margin-bottom: {{SIZE}}{{UNIT}}',
	98	+ ],
133	99	]
134	100	);
135	101
136	102	$this->add_control(
		@@ -141,11 +107,8 @@
141	107	'default' => 'h1.entry-title',
142	108	'placeholder' => 'h1.entry-title',
143	109	'description' => esc_html__( 'Elementor lets you hide the page title. This works for themes that have "h1.entry-title" selector. If your theme\'s selector is different, please enter it above.', 'elementor' ),
144	110	'label_block' => true,
145		- 'ai' => [
146		- 'active' => false,
147		- ],
148	111	'selectors' => [
149	112	// Hack to convert the value into a CSS selector.
150	113	'' => '}{{VALUE}}{display: var(--page-title-display)',
151	114	],
		@@ -160,11 +123,8 @@
160	123	'placeholder' => 'body',
161	124	'description' => esc_html__( 'Enter parent element selector to which stretched sections will fit to (e.g. #primary / .wrapper / main etc). Leave blank to fit to page width.', 'elementor' ),
162	125	'label_block' => true,
163	126	'frontend_available' => true,
164		- 'ai' => [
165		- 'active' => false,
166		- ],
167	127	]
168	128	);
169	129
170	130	/**
		@@ -242,20 +202,8 @@
242	202
243	203	$this->end_controls_section();
244	204	}
245	205
246		- private function get_spacing_selectors(): array {
247		- $optimized_markup = Plugin::$instance->experiments->is_feature_active( 'e_optimized_markup' );
248		- $sections_widget_spacing = $optimized_markup
249		- ? '--kit-widget-spacing: {{ROW}}{{UNIT}}'
250		- : 'margin-block-end: {{ROW}}{{UNIT}}';
251		-
252		- return [
253		- '.elementor-widget:not(:last-child)' => $sections_widget_spacing,
254		- '.elementor-element' => '--widgets-spacing: {{ROW}}{{UNIT}} {{COLUMN}}{{UNIT}};--widgets-spacing-row: {{ROW}}{{UNIT}};--widgets-spacing-column: {{COLUMN}}{{UNIT}};',
255		- ];
256		- }
257		-
258	206	/**
259	207	* Before Save
260	208	*
261	209	* Runs Before the Kit document is saved.
		@@ -332,9 +280,8 @@
332	280	'breakpoint_' . $breakpoint_key . '_heading',
333	281	[
334	282	'label' => $default_breakpoint_config['label'],
335	283	'type' => Controls_Manager::HEADING,
336		- 'separator' => 'before',
337	284	'conditions' => [
338	285	'terms' => [
339	286	[
340	287	'name' => 'active_breakpoints',