← All changes | includes/blocks/marquee/block.php +42 -2 2.13.0 → 2.15.0 View file →

		@@ -21,11 +21,20 @@
21	21	$css_generator->add_class_styles(
22	22	'{{WRAPPER}} .ablocks-block-marquee .ablocks-block-marquee__children',
23	23	$this->get_inner_block_css( $attributes ),
24	24	$this->get_inner_block_css( $attributes, 'Tablet' ),
25		- $this->get_inner_block_css( $attributes, 'Mobile' )
	25	+ $this->get_inner_block_css( $attributes, 'Mobile' ),
	26	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_inner_block_css( $attributes, $device ); } )
26	27	);
27	28
	29	+ $css_generator->add_class_styles(
	30	+ '{{WRAPPER}}',
	31	+ $this->get_marquee_height_css( $attributes ),
	32	+ $this->get_marquee_height_css( $attributes, 'Tablet' ),
	33	+ $this->get_marquee_height_css( $attributes, 'Mobile' ),
	34	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_marquee_height_css( $attributes, $device ); } )
	35	+ );
	36	+
28	37	return $css_generator->generate_css();
29	38	}
30	39	public function build_css_v2( $attributes ) {
31	40	// Generate CSS start
		@@ -34,11 +43,20 @@
34	43	$css_generator->add_class_styles(
35	44	'{{WRAPPER}} .ablocks-block-marquee .ablocks-block-marquee__children',
36	45	$this->get_inner_block_css( $attributes ),
37	46	$this->get_inner_block_css( $attributes, 'Tablet' ),
38		- $this->get_inner_block_css( $attributes, 'Mobile' )
	47	+ $this->get_inner_block_css( $attributes, 'Mobile' ),
	48	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_inner_block_css( $attributes, $device ); } )
39	49	);
40	50
	51	+ $css_generator->add_class_styles(
	52	+ '{{WRAPPER}}',
	53	+ $this->get_marquee_height_css( $attributes ),
	54	+ $this->get_marquee_height_css( $attributes, 'Tablet' ),
	55	+ $this->get_marquee_height_css( $attributes, 'Mobile' ),
	56	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_marquee_height_css( $attributes, $device ); } )
	57	+ );
	58	+
41	59	return $css_generator->generate_css();
42	60	}
43	61
44	62	public function build_css( $attributes ) {
		@@ -70,7 +88,29 @@
70	88	'device' => $device,
71	89	]),
72	90	$css
73	91	);
	92	+ }
	93	+
	94	+ /**
	95	+ * Viewport height of an Up/Down marquee, read by style.css through
	96	+ * --ablocks-marquee-height (falls back to 200px there). Mirrors
	97	+ * getMarqueeHeightCSS() in src/blocks/marquee/styling.js.
	98	+ */
	99	+ public function get_marquee_height_css( $attributes, $device = '' ) {
	100	+ $direction = isset( $attributes['marqueeDirection'] ) ? $attributes['marqueeDirection'] : '';
	101	+ if ( 'up' !== $direction && 'down' !== $direction ) {
	102	+ return [];
	103	+ }
	104	+ return Range::get_css([
	105	+ 'attributeValue' => isset( $attributes['marqueeHeight'] ) ? $attributes['marqueeHeight'] : [],
	106	+ 'attributeObjectKey' => 'value',
	107	+ 'isResponsive' => true,
	108	+ 'defaultValue' => 200,
	109	+ 'hasUnit' => true,
	110	+ 'unitDefaultValue' => 'px',
	111	+ 'property' => '--ablocks-marquee-height',
	112	+ 'device' => $device,
	113	+ ]);
74	114	}
75	115
76	116	}