← All changes | includes/blocks/modal/block.php +16 -8 2.11.1 → 2.14.0 View file →

		@@ -32,21 +32,24 @@
32	32	$css_generator->add_class_styles(
33	33	'{{WRAPPER}} .ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap',
34	34	$this->get_panel_main_wrapper_css( $attributes ),
35	35	$this->get_panel_main_wrapper_css( $attributes, 'Tablet' ),
36		- $this->get_panel_main_wrapper_css( $attributes, 'Mobile' )
	36	+ $this->get_panel_main_wrapper_css( $attributes, 'Mobile' ),
	37	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_panel_main_wrapper_css( $attributes, $device ); } )
37	38	);
38	39	$css_generator->add_class_styles(
39	40	'{{WRAPPER}} .ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap .ablocks-modal-popup-content-wrap',
40	41	$this->get_panel_content_wrap_css( $attributes ),
41	42	$this->get_panel_content_wrap_css( $attributes, 'Tablet' ),
42		- $this->get_panel_content_wrap_css( $attributes, 'Mobile' )
	43	+ $this->get_panel_content_wrap_css( $attributes, 'Mobile' ),
	44	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_panel_content_wrap_css( $attributes, $device ); } )
43	45	);
44	46	$css_generator->add_class_styles(
45	47	'{{WRAPPER}} .ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap .ablocks-modal-popup-content-wrap:hover',
46	48	$this->get_panel_content_wrap_hover_css( $attributes ),
47	49	$this->get_panel_content_wrap_hover_css( $attributes, 'Tablet' ),
48		- $this->get_panel_content_wrap_hover_css( $attributes, 'Mobile' )
	50	+ $this->get_panel_content_wrap_hover_css( $attributes, 'Mobile' ),
	51	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_panel_content_wrap_hover_css( $attributes, $device ); } )
49	52	);
50	53	if ( empty( $attributes['disableCloseButton'] ) ) {
51	54	$css_generator->add_class_styles(
52	55	'{{WRAPPER}} .ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap .ablocks-modal-popup-close',
		@@ -51,9 +54,10 @@
51	54	$css_generator->add_class_styles(
52	55	'{{WRAPPER}} .ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap .ablocks-modal-popup-close',
53	56	$this->get_panel_close_button_css( $attributes ),
54	57	$this->get_panel_close_button_css( $attributes, 'Tablet' ),
55		- $this->get_panel_close_button_css( $attributes, 'Mobile' )
	58	+ $this->get_panel_close_button_css( $attributes, 'Mobile' ),
	59	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_panel_close_button_css( $attributes, $device ); } )
56	60	);
57	61
58	62	if ( ! empty( $attributes['closeBtnColor'] ) ) {
59	63	$css_generator->add_class_styles(
		@@ -75,21 +79,24 @@
75	79	$css_generator->add_class_styles(
76	80	'{{WRAPPER}} .ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap',
77	81	$this->get_panel_main_wrapper_css( $attributes ),
78	82	$this->get_panel_main_wrapper_css( $attributes, 'Tablet' ),
79		- $this->get_panel_main_wrapper_css( $attributes, 'Mobile' )
	83	+ $this->get_panel_main_wrapper_css( $attributes, 'Mobile' ),
	84	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_panel_main_wrapper_css( $attributes, $device ); } )
80	85	);
81	86	$css_generator->add_class_styles(
82	87	'{{WRAPPER}} .ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap .ablocks-modal-popup-content-wrap',
83	88	$this->get_panel_content_wrap_css( $attributes ),
84	89	$this->get_panel_content_wrap_css( $attributes, 'Tablet' ),
85		- $this->get_panel_content_wrap_css( $attributes, 'Mobile' )
	90	+ $this->get_panel_content_wrap_css( $attributes, 'Mobile' ),
	91	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_panel_content_wrap_css( $attributes, $device ); } )
86	92	);
87	93	$css_generator->add_class_styles(
88	94	'{{WRAPPER}} .ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap .ablocks-modal-popup-content-wrap:hover',
89	95	$this->get_panel_content_wrap_hover_css( $attributes ),
90	96	$this->get_panel_content_wrap_hover_css( $attributes, 'Tablet' ),
91		- $this->get_panel_content_wrap_hover_css( $attributes, 'Mobile' )
	97	+ $this->get_panel_content_wrap_hover_css( $attributes, 'Mobile' ),
	98	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_panel_content_wrap_hover_css( $attributes, $device ); } )
92	99	);
93	100	if ( empty( $attributes['disableCloseButton'] ) ) {
94	101	$css_generator->add_class_styles(
95	102	'{{WRAPPER}} .ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap .ablocks-modal-popup-close',
		@@ -94,9 +101,10 @@
94	101	$css_generator->add_class_styles(
95	102	'{{WRAPPER}} .ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap.ablocks-block-modal---panel-wrap .ablocks-modal-popup-close',
96	103	$this->get_panel_close_button_css( $attributes ),
97	104	$this->get_panel_close_button_css( $attributes, 'Tablet' ),
98		- $this->get_panel_close_button_css( $attributes, 'Mobile' )
	105	+ $this->get_panel_close_button_css( $attributes, 'Mobile' ),
	106	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_panel_close_button_css( $attributes, $device ); } )
99	107	);
100	108
101	109	if ( ! empty( $attributes['closeBtnColor'] ) ) {
102	110	$css_generator->add_class_styles(