Tweak: Add flex hero image width control [TMZ-304](#165)

elementor · Jan 14, 2025 · a0d1293 · a0d1293
1 parent 140e560
commit a0d1293
Showing 1 changed file with 28 additions and 1 deletion.
diff --git a/modules/content/widgets/flex-hero.php b/modules/content/widgets/flex-hero.php
@@ -1077,7 +1077,34 @@ protected function add_style_image_section() {
 					'{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-image-height: {{SIZE}}{{UNIT}};',
 				],
 				'condition' => [
-					'image_stretch' => '',
+					'image_stretch!' => 'yes',
+				],
+			]
+		);
+
+		$this->add_responsive_control(
+			'image_width',
+			[
+				'label' => esc_html__( 'Width', 'hello-plus' ),
+				'type' => Controls_Manager::SLIDER,
+				'size_units' => [ 'px', 'em', 'rem', '%', 'custom' ],
+				'range' => [
+					'px' => [
+						'max' => 1500,
+					],
+					'%' => [
+						'max' => 100,
+					],
+				],
+				'default' => [
+					'size' => 100,
+					'unit' => '%',
+				],
+				'selectors' => [
+					'{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-image-width: {{SIZE}}{{UNIT}};',
+				],
+				'condition' => [
+					'image_stretch!' => 'yes',
 				],
 			]
 		);