← All changes | includes/elements/column.php +12 -60 4.2.0-dev2 → 3.22.3 View file →

		@@ -1,9 +1,8 @@
1	1	<?php
2	2	namespace Elementor;
3	3
4	4	use Elementor\Core\Breakpoints\Manager as Breakpoints_Manager;
5		-use Elementor\Plugin;
6	5
7	6	if ( ! defined( 'ABSPATH' ) ) {
8	7	exit; // Exit if accessed directly.
9	8	}
		@@ -119,9 +118,9 @@
119	118	'tab' => Controls_Manager::TAB_LAYOUT,
120	119	]
121	120	);
122	121
123		- // Element Name for the Navigator.
	122	+ // Element Name for the Navigator
124	123	$this->add_control(
125	124	'_title',
126	125	[
127	126	'label' => esc_html__( 'Title', 'elementor' ),
		@@ -196,11 +195,11 @@
196	195	'top' => 'flex-start',
197	196	'bottom' => 'flex-end',
198	197	],
199	198	'selectors' => [
200		- // TODO: The following line is for BC since 2.7.0.
	199	+ // TODO: The following line is for BC since 2.7.0
201	200	'.elementor-bc-flex-widget {{WRAPPER}}.elementor-column .elementor-widget-wrap' => 'align-items: {{VALUE}}',
202		- // This specificity is intended to make sure column css overwrites section css on vertical alignment (content_position).
	201	+ // This specificity is intended to make sure column css overwrites section css on vertical alignment (content_position)
203	202	'{{WRAPPER}}.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated' => 'align-content: {{VALUE}}; align-items: {{VALUE}};',
204	203	],
205	204	]
206	205	);
		@@ -225,13 +224,8 @@
225	224	],
226	225	]
227	226	);
228	227
229		- $optimized_markup = Plugin::$instance->experiments->is_feature_active( 'e_optimized_markup' );
230		- $space_between_widgets = $optimized_markup
231		- ? '--kit-widget-spacing: {{VALUE}}px'
232		- : 'margin-block-end: {{VALUE}}px';
233		-
234	228	$this->add_responsive_control(
235	229	'space_between_widgets',
236	230	[
237	231	'label' => esc_html__( 'Widgets Space', 'elementor' ) . ' (px)',
		@@ -237,9 +231,9 @@
237	231	'label' => esc_html__( 'Widgets Space', 'elementor' ) . ' (px)',
238	232	'type' => Controls_Manager::NUMBER,
239	233	'placeholder' => 20,
240	234	'selectors' => [
241		- '{{WRAPPER}} > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute)' => $space_between_widgets, // Need the full path for exclude the inner section.
	235	+ '{{WRAPPER}} > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute)' => 'margin-bottom: {{VALUE}}px', //Need the full path for exclude the inner section
242	236	],
243	237	]
244	238	);
245	239
		@@ -300,45 +294,8 @@
300	294	],
301	295	]
302	296	);
303	297
304		- $this->add_control(
305		- 'handle_slideshow_asset_loading',
306		- [
307		- 'type' => Controls_Manager::HIDDEN,
308		- 'assets' => [
309		- 'styles' => [
310		- [
311		- 'name' => 'e-swiper',
312		- 'conditions' => [
313		- 'terms' => [
314		- [
315		- 'name' => 'background_background',
316		- 'operator' => '===',
317		- 'value' => 'slideshow',
318		- ],
319		- ],
320		- ],
321		- ],
322		- ],
323		- 'scripts' => [
324		- [
325		- 'name' => 'swiper',
326		- 'conditions' => [
327		- 'terms' => [
328		- [
329		- 'name' => 'background_background',
330		- 'operator' => '===',
331		- 'value' => 'slideshow',
332		- ],
333		- ],
334		- ],
335		- ],
336		- ],
337		- ],
338		- ]
339		- );
340		-
341	298	$this->end_controls_tab();
342	299
343	300	$this->start_controls_tab(
344	301	'tab_background_hover',
		@@ -647,9 +604,9 @@
647	604	'operator' => '!==',
648	605	'value' => '',
649	606	],
650	607	[
651		- 'name' => 'border_hover_border',
	608	+ 'name' => 'border_border',
652	609	'operator' => '!==',
653	610	'value' => '',
654	611	],
655	612	],
		@@ -730,10 +687,10 @@
730	687	[
731	688	'label' => esc_html__( 'Text Align', 'elementor' ),
732	689	'type' => Controls_Manager::CHOOSE,
733	690	'options' => [
734		- 'start' => [
735		- 'title' => esc_html__( 'Start', 'elementor' ),
	691	+ 'left' => [
	692	+ 'title' => esc_html__( 'Left', 'elementor' ),
736	693	'icon' => 'eicon-text-align-left',
737	694	],
738	695	'center' => [
739	696	'title' => esc_html__( 'Center', 'elementor' ),
		@@ -738,10 +695,10 @@
738	695	'center' => [
739	696	'title' => esc_html__( 'Center', 'elementor' ),
740	697	'icon' => 'eicon-text-align-center',
741	698	],
742		- 'end' => [
743		- 'title' => esc_html__( 'End', 'elementor' ),
	699	+ 'right' => [
	700	+ 'title' => esc_html__( 'Right', 'elementor' ),
744	701	'icon' => 'eicon-text-align-right',
745	702	],
746	703	'justify' => [
747	704	'title' => esc_html__( 'Justified', 'elementor' ),
		@@ -747,13 +704,8 @@
747	704	'title' => esc_html__( 'Justified', 'elementor' ),
748	705	'icon' => 'eicon-text-align-justify',
749	706	],
750	707	],
751		- 'classes' => 'elementor-control-start-end',
752		- 'selectors_dictionary' => [
753		- 'left' => is_rtl() ? 'end' : 'start',
754		- 'right' => is_rtl() ? 'start' : 'end',
755		- ],
756	708	'selectors' => [
757	709	'{{WRAPPER}} > .elementor-element-populated' => 'text-align: {{VALUE}};',
758	710	],
759	711	]
		@@ -845,9 +797,9 @@
845	797	);
846	798
847	799	Plugin::$instance->controls_manager->add_display_conditions_controls( $this );
848	800
849		- // TODO: Backward comparability for deprecated controls.
	801	+ // TODO: Backward comparability for deprecated controls
850	802	$this->add_control(
851	803	'screen_sm',
852	804	[
853	805	'type' => Controls_Manager::HIDDEN,
		@@ -863,9 +815,9 @@
863	815	],
864	816	'prefix_class' => 'elementor-sm-',
865	817	]
866	818	);
867		- // END Backward comparability.
	819	+ // END Backward comparability
868	820
869	821	$this->end_controls_section();
870	822
871	823	$this->start_controls_section(
		@@ -984,9 +936,9 @@
984	936	$overlay_background = $settings['background_overlay_background'] ?? '';
985	937	$overlay_hover_background = $settings['background_overlay_hover_background'] ?? '';
986	938
987	939	$has_background_overlay = in_array( $overlay_background, [ 'classic', 'gradient' ], true ) ||
988		- in_array( $overlay_hover_background, [ 'classic', 'gradient' ], true );
	940	+ in_array( $overlay_hover_background, [ 'classic', 'gradient' ], true );
989	941
990	942	$column_wrap_classes = [ 'elementor-widget-wrap' ];
991	943
992	944	if ( $this->get_children() ) {