PluginProbe
aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder / 2.14.0
aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder v2.14.0
2.14.0 2.13.0 2.13.1 2.12.0 2.11.1 2.11.0 2.10.0 2.9.0 2.7.4 2.7.5 2.7.6 2.7.7 2.8.0 2.8.1 2.9.1 trunk 1.0 1.0-beta1 1.0-beta2 1.0-beta3 1.0.1 1.0.2 1.0.3 1.1.0 1.1.1 All 81 releases
← All changes | includes/blocks/image-comparison/block.php +32 -16 2.13.1 → 2.14.0 View file →
@@ -32,9 +32,10 @@
32 32 $css_generator->add_class_styles(
33 33 '{{WRAPPER}} .ablocks-image-comparison__images-container .ablocks-image-comparison__slider-line',
34 34 $this->get_slider_line_horizontal_css( $attributes ),
35 35 $this->get_slider_line_horizontal_css( $attributes, 'Tablet' ),
36 - $this->get_slider_line_horizontal_css( $attributes, 'Mobile' )
36 + $this->get_slider_line_horizontal_css( $attributes, 'Mobile' ),
37 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_slider_line_horizontal_css( $attributes, $device ); } )
37 38 );
38 39
39 40 $css_generator->add_class_styles(
40 41 '{{WRAPPER}} .ablocks-image-comparison__images-container-vertical .ablocks-image-comparison__slider-line',
@@ -39,9 +40,10 @@
39 40 $css_generator->add_class_styles(
40 41 '{{WRAPPER}} .ablocks-image-comparison__images-container-vertical .ablocks-image-comparison__slider-line',
41 42 $this->get_slider_line_vertical_css( $attributes ),
42 43 $this->get_slider_line_vertical_css( $attributes, 'Tablet' ),
43 - $this->get_slider_line_vertical_css( $attributes, 'Mobile' )
44 + $this->get_slider_line_vertical_css( $attributes, 'Mobile' ),
45 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_slider_line_vertical_css( $attributes, $device ); } )
44 46 );
45 47
46 48 $css_generator->add_class_styles(
47 49 '{{WRAPPER}} .ablocks-image-comparison__images-container .ablocks-image-comparison__slider-icon',
@@ -46,9 +48,10 @@
46 48 $css_generator->add_class_styles(
47 49 '{{WRAPPER}} .ablocks-image-comparison__images-container .ablocks-image-comparison__slider-icon',
48 50 $this->get_horizontal_slider_icon_css( $attributes ),
49 51 $this->get_horizontal_slider_icon_css( $attributes, 'Tablet' ),
50 - $this->get_horizontal_slider_icon_css( $attributes, 'Mobile' )
52 + $this->get_horizontal_slider_icon_css( $attributes, 'Mobile' ),
53 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_horizontal_slider_icon_css( $attributes, $device ); } )
51 54 );
52 55
53 56 $css_generator->add_class_styles(
54 57 '{{WRAPPER}} .ablocks-image-comparison__images-container-vertical .ablocks-image-comparison__slider-icon',
@@ -53,9 +56,10 @@
53 56 $css_generator->add_class_styles(
54 57 '{{WRAPPER}} .ablocks-image-comparison__images-container-vertical .ablocks-image-comparison__slider-icon',
55 58 $this->get_vertical_slider_icon_css( $attributes ),
56 59 $this->get_vertical_slider_icon_css( $attributes, 'Tablet' ),
57 - $this->get_vertical_slider_icon_css( $attributes, 'Mobile' )
60 + $this->get_vertical_slider_icon_css( $attributes, 'Mobile' ),
61 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_vertical_slider_icon_css( $attributes, $device ); } )
58 62 );
59 63
60 64 $css_generator->add_class_styles(
61 65 '{{WRAPPER}} .ablocks-image-comparison__beforeImage-label',
@@ -60,9 +64,10 @@
60 64 $css_generator->add_class_styles(
61 65 '{{WRAPPER}} .ablocks-image-comparison__beforeImage-label',
62 66 $this->get_image_overlay_css( $attributes ),
63 67 $this->get_image_overlay_css( $attributes, 'Tablet' ),
64 - $this->get_image_overlay_css( $attributes, 'Mobile' )
68 + $this->get_image_overlay_css( $attributes, 'Mobile' ),
69 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_image_overlay_css( $attributes, $device ); } )
65 70 );
66 71
67 72 $css_generator->add_class_styles(
68 73 '{{WRAPPER}} .ablocks-image-comparison__beforeImage-label:hover',
@@ -67,9 +72,10 @@
67 72 $css_generator->add_class_styles(
68 73 '{{WRAPPER}} .ablocks-image-comparison__beforeImage-label:hover',
69 74 $this->get_image_overlay_hover_css( $attributes ),
70 75 $this->get_image_overlay_hover_css( $attributes, 'Tablet' ),
71 - $this->get_image_overlay_hover_css( $attributes, 'Mobile' )
76 + $this->get_image_overlay_hover_css( $attributes, 'Mobile' ),
77 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_image_overlay_hover_css( $attributes, $device ); } )
72 78 );
73 79
74 80 $css_generator->add_class_styles(
75 81 '{{WRAPPER}} .ablocks-image-comparison__afterImage-label',
@@ -74,9 +80,10 @@
74 80 $css_generator->add_class_styles(
75 81 '{{WRAPPER}} .ablocks-image-comparison__afterImage-label',
76 82 $this->get_image_overlay_css( $attributes ),
77 83 $this->get_image_overlay_css( $attributes, 'Tablet' ),
78 - $this->get_image_overlay_css( $attributes, 'Mobile' )
84 + $this->get_image_overlay_css( $attributes, 'Mobile' ),
85 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_image_overlay_css( $attributes, $device ); } )
79 86 );
80 87
81 88 $css_generator->add_class_styles(
82 89 '{{WRAPPER}} .ablocks-image-comparison__afterImage-label:hover',
@@ -81,9 +88,10 @@
81 88 $css_generator->add_class_styles(
82 89 '{{WRAPPER}} .ablocks-image-comparison__afterImage-label:hover',
83 90 $this->get_image_overlay_hover_css( $attributes ),
84 91 $this->get_image_overlay_hover_css( $attributes, 'Tablet' ),
85 - $this->get_image_overlay_hover_css( $attributes, 'Mobile' )
92 + $this->get_image_overlay_hover_css( $attributes, 'Mobile' ),
93 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_image_overlay_hover_css( $attributes, $device ); } )
86 94 );
87 95
88 96 $css_generator->add_class_styles(
89 97 '{{WRAPPER}} .ablocks-image-comparison__overlay',
@@ -131,9 +139,10 @@
131 139 $css_generator->add_class_styles(
132 140 '{{WRAPPER}} .ablocks-image-comparison__images-container .ablocks-image-comparison__slider-line',
133 141 $this->get_slider_line_horizontal_css( $attributes ),
134 142 $this->get_slider_line_horizontal_css( $attributes, 'Tablet' ),
135 - $this->get_slider_line_horizontal_css( $attributes, 'Mobile' )
143 + $this->get_slider_line_horizontal_css( $attributes, 'Mobile' ),
144 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_slider_line_horizontal_css( $attributes, $device ); } )
136 145 );
137 146
138 147 $css_generator->add_class_styles(
139 148 '{{WRAPPER}} .ablocks-image-comparison__images-container-vertical .ablocks-image-comparison__slider-line',
@@ -138,9 +147,10 @@
138 147 $css_generator->add_class_styles(
139 148 '{{WRAPPER}} .ablocks-image-comparison__images-container-vertical .ablocks-image-comparison__slider-line',
140 149 $this->get_slider_line_vertical_css( $attributes ),
141 150 $this->get_slider_line_vertical_css( $attributes, 'Tablet' ),
142 - $this->get_slider_line_vertical_css( $attributes, 'Mobile' )
151 + $this->get_slider_line_vertical_css( $attributes, 'Mobile' ),
152 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_slider_line_vertical_css( $attributes, $device ); } )
143 153 );
144 154
145 155 $css_generator->add_class_styles(
146 156 '{{WRAPPER}} .ablocks-image-comparison__images-container .ablocks-image-comparison__slider-icon',
@@ -145,9 +155,10 @@
145 155 $css_generator->add_class_styles(
146 156 '{{WRAPPER}} .ablocks-image-comparison__images-container .ablocks-image-comparison__slider-icon',
147 157 $this->get_horizontal_slider_icon_css( $attributes ),
148 158 $this->get_horizontal_slider_icon_css( $attributes, 'Tablet' ),
149 - $this->get_horizontal_slider_icon_css( $attributes, 'Mobile' )
159 + $this->get_horizontal_slider_icon_css( $attributes, 'Mobile' ),
160 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_horizontal_slider_icon_css( $attributes, $device ); } )
150 161 );
151 162
152 163 $css_generator->add_class_styles(
153 164 '{{WRAPPER}} .ablocks-image-comparison__images-container-vertical .ablocks-image-comparison__slider-icon',
@@ -152,9 +163,10 @@
152 163 $css_generator->add_class_styles(
153 164 '{{WRAPPER}} .ablocks-image-comparison__images-container-vertical .ablocks-image-comparison__slider-icon',
154 165 $this->get_vertical_slider_icon_css( $attributes ),
155 166 $this->get_vertical_slider_icon_css( $attributes, 'Tablet' ),
156 - $this->get_vertical_slider_icon_css( $attributes, 'Mobile' )
167 + $this->get_vertical_slider_icon_css( $attributes, 'Mobile' ),
168 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_vertical_slider_icon_css( $attributes, $device ); } )
157 169 );
158 170
159 171 $css_generator->add_class_styles(
160 172 '{{WRAPPER}} .ablocks-image-comparison__beforeImage-label',
@@ -159,9 +171,10 @@
159 171 $css_generator->add_class_styles(
160 172 '{{WRAPPER}} .ablocks-image-comparison__beforeImage-label',
161 173 $this->get_image_overlay_css( $attributes ),
162 174 $this->get_image_overlay_css( $attributes, 'Tablet' ),
163 - $this->get_image_overlay_css( $attributes, 'Mobile' )
175 + $this->get_image_overlay_css( $attributes, 'Mobile' ),
176 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_image_overlay_css( $attributes, $device ); } )
164 177 );
165 178
166 179 $css_generator->add_class_styles(
167 180 '{{WRAPPER}} .ablocks-image-comparison__beforeImage-label:hover',
@@ -166,9 +179,10 @@
166 179 $css_generator->add_class_styles(
167 180 '{{WRAPPER}} .ablocks-image-comparison__beforeImage-label:hover',
168 181 $this->get_image_overlay_hover_css( $attributes ),
169 182 $this->get_image_overlay_hover_css( $attributes, 'Tablet' ),
170 - $this->get_image_overlay_hover_css( $attributes, 'Mobile' )
183 + $this->get_image_overlay_hover_css( $attributes, 'Mobile' ),
184 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_image_overlay_hover_css( $attributes, $device ); } )
171 185 );
172 186
173 187 $css_generator->add_class_styles(
174 188 '{{WRAPPER}} .ablocks-image-comparison__afterImage-label',
@@ -173,9 +187,10 @@
173 187 $css_generator->add_class_styles(
174 188 '{{WRAPPER}} .ablocks-image-comparison__afterImage-label',
175 189 $this->get_image_overlay_css( $attributes ),
176 190 $this->get_image_overlay_css( $attributes, 'Tablet' ),
177 - $this->get_image_overlay_css( $attributes, 'Mobile' )
191 + $this->get_image_overlay_css( $attributes, 'Mobile' ),
192 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_image_overlay_css( $attributes, $device ); } )
178 193 );
179 194
180 195 $css_generator->add_class_styles(
181 196 '{{WRAPPER}} .ablocks-image-comparison__afterImage-label:hover',
@@ -180,9 +195,10 @@
180 195 $css_generator->add_class_styles(
181 196 '{{WRAPPER}} .ablocks-image-comparison__afterImage-label:hover',
182 197 $this->get_image_overlay_hover_css( $attributes ),
183 198 $this->get_image_overlay_hover_css( $attributes, 'Tablet' ),
184 - $this->get_image_overlay_hover_css( $attributes, 'Mobile' )
199 + $this->get_image_overlay_hover_css( $attributes, 'Mobile' ),
200 + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_image_overlay_hover_css( $attributes, $device ); } )
185 201 );
186 202
187 203 $css_generator->add_class_styles(
188 204 '{{WRAPPER}} .ablocks-image-comparison__overlay',