← All changes | includes/elements/container.php +11 -39 3.9.2 → 3.10.0-dev1 View file →

		@@ -631,16 +631,15 @@
631	631	'background_hover_transition',
632	632	[
633	633	'label' => esc_html__( 'Transition Duration', 'elementor' ),
634	634	'type' => Controls_Manager::SLIDER,
	635	+ 'size_units' => [ 's', 'ms' ],
635	636	'default' => [
	637	+ 'unit' => 's',
636	638	'size' => 0.3,
637	639	],
638	640	'render_type' => 'ui',
639	641	'separator' => 'before',
640		- 'selectors' => [
641		- '{{WRAPPER}}' => '--background-transition: {{SIZE}}s;',
642		- ],
643	642	]
644	643	);
645	644
646	645	$this->end_controls_tab();
		@@ -689,14 +688,8 @@
689	688	// Hack to set the `::before` content in order to render it only when there is a background overlay.
690	689	$background_overlay_selector => '--background-overlay: \'\';',
691	690	],
692	691	],
693		- 'image' => [
694		- 'background_lazyload' => [
695		- 'active' => true,
696		- 'keys' => [ 'background_overlay_image', 'url' ],
697		- ],
698		- ],
699	692	],
700	693	]
701	694	);
702	695
		@@ -849,18 +842,17 @@
849	842	'background_overlay_hover_transition',
850	843	[
851	844	'label' => esc_html__( 'Transition Duration', 'elementor' ),
852	845	'type' => Controls_Manager::SLIDER,
853		- 'range' => [
854		- 'px' => [
855		- 'max' => 3,
856		- 'step' => 0.1,
857		- ],
	846	+ 'size_units' => [ 's', 'ms' ],
	847	+ 'default' => [
	848	+ 'unit' => 's',
	849	+ 'size' => 0.3,
858	850	],
859	851	'render_type' => 'ui',
860	852	'separator' => 'before',
861	853	'selectors' => [
862		- '{{WRAPPER}}, {{WRAPPER}}::before' => '--overlay-transition: {{SIZE}}s;',
	854	+ '{{WRAPPER}}' => '--overlay-transition: {{SIZE}}{{UNIT}};',
863	855	],
864	856	]
865	857	);
866	858
		@@ -968,17 +960,13 @@
968	960	[
969	961	'label' => esc_html__( 'Transition Duration', 'elementor' ),
970	962	'type' => Controls_Manager::SLIDER,
971	963	'separator' => 'before',
	964	+ 'size_units' => [ 's', 'ms' ],
972	965	'default' => [
	966	+ 'unit' => 's',
973	967	'size' => 0.3,
974	968	],
975		- 'range' => [
976		- 'px' => [
977		- 'max' => 3,
978		- 'step' => 0.1,
979		- ],
980		- ],
981	969	'conditions' => [
982	970	'relation' => 'or',
983	971	'terms' => [
984	972	[
		@@ -993,9 +981,10 @@
993	981	],
994	982	],
995	983	],
996	984	'selectors' => [
997		- '{{WRAPPER}}, {{WRAPPER}}::before' => '--border-transition: {{SIZE}}s;',
	985	+ '{{WRAPPER}}' => '--transition: background {{background_hover_transition.SIZE}}{{background_hover_transition.UNIT}}, border {{SIZE}}{{UNIT}}, border-radius {{SIZE}}{{UNIT}}, box-shadow {{SIZE}}{{UNIT}}',
	986	+ '{{WRAPPER}}::before' => '--overlay-transition: background {{background_overlay_hover_transition.SIZE}}{{background_overlay_hover_transition.UNIT}}, border-radius {{SIZE}}{{UNIT}}, opacity {{background_overlay_hover_transition.SIZE}}{{background_overlay_hover_transition.UNIT}}',
998	987	],
999	988	]
1000	989	);
1001	990
		@@ -1627,30 +1616,13 @@
1627	1616	$this->register_advanced_controls();
1628	1617
1629	1618	$this->register_motion_effects_controls();
1630	1619
1631		- $this->hook_sticky_notice_into_transform_section();
1632		-
1633		- $this->register_transform_section( 'con' );
1634		-
1635	1620	$this->register_responsive_controls();
1636	1621
1637	1622	Plugin::$instance->controls_manager->add_custom_attributes_controls( $this );
1638	1623
1639	1624	Plugin::$instance->controls_manager->add_custom_css_controls( $this );
1640		- }
1641		-
1642		- protected function hook_sticky_notice_into_transform_section() {
1643		- add_action( 'elementor/element/container/_section_transform/after_section_start', function( $container ) {
1644		- $container->add_control(
1645		- 'transform_sticky_notice',
1646		- [
1647		- 'type' => Controls_Manager::RAW_HTML,
1648		- 'raw' => esc_html__( 'Note: Avoid applying transform properties on sticky containers. Doing so might cause unexpected results.', 'elementor' ),
1649		- 'content_classes' => 'elementor-panel-alert elementor-panel-alert-warning',
1650		- ]
1651		- );
1652		- } );
1653	1625	}
1654	1626
1655	1627	/**
1656	1628	* Register the Container's controls.