← All changes | includes/blocks/search/block.php +56 -28 2.10.0 → 2.14.0 View file →

		@@ -26,15 +26,17 @@
26	26	$css_generator->add_class_styles(
27	27	'{{WRAPPER}} .ablocks-block--search-form',
28	28	$this->get_SearchBar_css( $attributes ),
29	29	$this->get_SearchBar_css( $attributes, 'Tablet' ),
30		- $this->get_SearchBar_css( $attributes, 'Mobile' )
	30	+ $this->get_SearchBar_css( $attributes, 'Mobile' ),
	31	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_SearchBar_css( $attributes, $device ); } )
31	32	);
32	33	$css_generator->add_class_styles(
33	34	'{{WRAPPER}} .ablocks-block--search-form:hover',
34	35	$this->get_SearchBar_Hover_CSS( $attributes ),
35	36	$this->get_SearchBar_Hover_CSS( $attributes, 'Tablet' ),
36		- $this->get_SearchBar_Hover_CSS( $attributes, 'Mobile' )
	37	+ $this->get_SearchBar_Hover_CSS( $attributes, 'Mobile' ),
	38	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_SearchBar_Hover_CSS( $attributes, $device ); } )
37	39	);
38	40
39	41	$css_generator->add_class_styles(
40	42	'{{WRAPPER}} .ablocks-block--search-input',
		@@ -39,9 +41,10 @@
39	41	$css_generator->add_class_styles(
40	42	'{{WRAPPER}} .ablocks-block--search-input',
41	43	$this->get_Input_css( $attributes ),
42	44	$this->get_Input_css( $attributes, 'Tablet' ),
43		- $this->get_Input_css( $attributes, 'Mobile' )
	45	+ $this->get_Input_css( $attributes, 'Mobile' ),
	46	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_Input_css( $attributes, $device ); } )
44	47	);
45	48
46	49	$css_generator->add_class_styles(
47	50	'{{WRAPPER}} .ablocks-block--search-input::placeholder',
		@@ -51,15 +54,17 @@
51	54	$css_generator->add_class_styles(
52	55	'{{WRAPPER}} .ablocks-block--search-button > span',
53	56	$this->get_Button_css( $attributes ),
54	57	$this->get_Button_css( $attributes, 'Tablet' ),
55		- $this->get_Button_css( $attributes, 'Mobile' )
	58	+ $this->get_Button_css( $attributes, 'Mobile' ),
	59	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_Button_css( $attributes, $device ); } )
56	60	);
57	61	$css_generator->add_class_styles(
58	62	'{{WRAPPER}} .ablocks-block--search-button:hover > span',
59	63	$this->get_Button_hover_css( $attributes ),
60	64	$this->get_Button_hover_css( $attributes, 'Tablet' ),
61		- $this->get_Button_hover_css( $attributes, 'Mobile' )
	65	+ $this->get_Button_hover_css( $attributes, 'Mobile' ),
	66	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_Button_hover_css( $attributes, $device ); } )
62	67	);
63	68
64	69	$css_generator->add_class_styles(
65	70	'{{WRAPPER}} .ablocks-block--search-button > span > svg',
		@@ -64,45 +69,52 @@
64	69	$css_generator->add_class_styles(
65	70	'{{WRAPPER}} .ablocks-block--search-button > span > svg',
66	71	$this->get_Icon_css( $attributes ),
67	72	$this->get_Icon_css( $attributes, 'Tablet' ),
68		- $this->get_Icon_css( $attributes, 'Mobile' )
	73	+ $this->get_Icon_css( $attributes, 'Mobile' ),
	74	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_Icon_css( $attributes, $device ); } )
69	75	);
70	76	$css_generator->add_class_styles(
71	77	'{{WRAPPER}} .ablocks-block--search-result',
72	78	$this->get_search_result_list( $attributes ),
73	79	$this->get_search_result_list( $attributes, 'Tablet' ),
74		- $this->get_search_result_list( $attributes, 'Mobile' )
	80	+ $this->get_search_result_list( $attributes, 'Mobile' ),
	81	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_search_result_list( $attributes, $device ); } )
75	82	);
76	83	$css_generator->add_class_styles(
77	84	'{{WRAPPER}} .ablocks-block--search-result:hover',
78	85	$this->get_search_result_list_hover( $attributes ),
79	86	$this->get_search_result_list_hover( $attributes, 'Tablet' ),
80		- $this->get_search_result_list_hover( $attributes, 'Mobile' )
	87	+ $this->get_search_result_list_hover( $attributes, 'Mobile' ),
	88	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_search_result_list_hover( $attributes, $device ); } )
81	89	);
82	90	$css_generator->add_class_styles(
83	91	'{{WRAPPER}} .ablocks-block--search-result__list',
84	92	$this->get_search_result_item( $attributes ),
85	93	$this->get_search_result_item( $attributes, 'Tablet' ),
86		- $this->get_search_result_item( $attributes, 'Mobile' )
	94	+ $this->get_search_result_item( $attributes, 'Mobile' ),
	95	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_search_result_item( $attributes, $device ); } )
87	96	);
88	97	$css_generator->add_class_styles(
89	98	'{{WRAPPER}} .ablocks-block--search-result__list:hover',
90	99	$this->get_search_result_item_hover( $attributes ),
91	100	$this->get_search_result_item_hover( $attributes, 'Tablet' ),
92		- $this->get_search_result_item_hover( $attributes, 'Mobile' )
	101	+ $this->get_search_result_item_hover( $attributes, 'Mobile' ),
	102	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_search_result_item_hover( $attributes, $device ); } )
93	103	);
94	104	$css_generator->add_class_styles(
95	105	'{{WRAPPER}} a.ablocks-block--search-result__list-title',
96	106	$this->get_search_result_title_css( $attributes ),
97	107	$this->get_search_result_title_css( $attributes, 'Tablet' ),
98		- $this->get_search_result_title_css( $attributes, 'Mobile' )
	108	+ $this->get_search_result_title_css( $attributes, 'Mobile' ),
	109	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_search_result_title_css( $attributes, $device ); } )
99	110	);
100	111	$css_generator->add_class_styles(
101	112	'{{WRAPPER}} .ablocks-search-block__spin',
102	113	$this->get_loading_spinner_css( $attributes ),
103	114	$this->get_loading_spinner_css( $attributes, 'Tablet' ),
104		- $this->get_loading_spinner_css( $attributes, 'Mobile' )
	115	+ $this->get_loading_spinner_css( $attributes, 'Mobile' ),
	116	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_loading_spinner_css( $attributes, $device ); } )
105	117	);
106	118
107	119	return $css_generator->generate_css();
108	120	}
		@@ -112,15 +124,17 @@
112	124	$css_generator->add_class_styles(
113	125	'{{WRAPPER}} .ablocks-block--search-form',
114	126	$this->get_SearchBar_css( $attributes ),
115	127	$this->get_SearchBar_css( $attributes, 'Tablet' ),
116		- $this->get_SearchBar_css( $attributes, 'Mobile' )
	128	+ $this->get_SearchBar_css( $attributes, 'Mobile' ),
	129	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_SearchBar_css( $attributes, $device ); } )
117	130	);
118	131	$css_generator->add_class_styles(
119	132	'{{WRAPPER}} .ablocks-block--search-form:hover',
120	133	$this->get_SearchBar_Hover_CSS( $attributes ),
121	134	$this->get_SearchBar_Hover_CSS( $attributes, 'Tablet' ),
122		- $this->get_SearchBar_Hover_CSS( $attributes, 'Mobile' )
	135	+ $this->get_SearchBar_Hover_CSS( $attributes, 'Mobile' ),
	136	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_SearchBar_Hover_CSS( $attributes, $device ); } )
123	137	);
124	138
125	139	$css_generator->add_class_styles(
126	140	'{{WRAPPER}} .ablocks-block--search-input',
		@@ -125,9 +139,10 @@
125	139	$css_generator->add_class_styles(
126	140	'{{WRAPPER}} .ablocks-block--search-input',
127	141	$this->get_Input_css( $attributes ),
128	142	$this->get_Input_css( $attributes, 'Tablet' ),
129		- $this->get_Input_css( $attributes, 'Mobile' )
	143	+ $this->get_Input_css( $attributes, 'Mobile' ),
	144	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_Input_css( $attributes, $device ); } )
130	145	);
131	146
132	147	$css_generator->add_class_styles(
133	148	'{{WRAPPER}} .ablocks-block--search-input::placeholder',
		@@ -137,39 +152,45 @@
137	152	$css_generator->add_class_styles(
138	153	'{{WRAPPER}} .ablocks-block--search-button > span',
139	154	$this->get_Button_css( $attributes ),
140	155	$this->get_Button_css( $attributes, 'Tablet' ),
141		- $this->get_Button_css( $attributes, 'Mobile' )
	156	+ $this->get_Button_css( $attributes, 'Mobile' ),
	157	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_Button_css( $attributes, $device ); } )
142	158	);
143	159	$css_generator->add_class_styles(
144	160	'{{WRAPPER}} .ablocks-block--search-button:hover > span',
145	161	$this->get_Button_hover_css( $attributes ),
146	162	$this->get_Button_hover_css( $attributes, 'Tablet' ),
147		- $this->get_Button_hover_css( $attributes, 'Mobile' )
	163	+ $this->get_Button_hover_css( $attributes, 'Mobile' ),
	164	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_Button_hover_css( $attributes, $device ); } )
148	165	);
149	166	$css_generator->add_class_styles(
150	167	'{{WRAPPER}} .ablocks-block--search-button',
151	168	$this->get_button_bg_css( $attributes ),
152	169	$this->get_button_bg_css( $attributes, 'Tablet' ),
153		- $this->get_button_bg_css( $attributes, 'Mobile' )
	170	+ $this->get_button_bg_css( $attributes, 'Mobile' ),
	171	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_button_bg_css( $attributes, $device ); } )
154	172	);
155	173	$css_generator->add_class_styles(
156	174	'{{WRAPPER}} .ablocks-block--search-button',
157	175	$this->get_button_bg_css( $attributes ),
158	176	$this->get_button_bg_css( $attributes, 'Tablet' ),
159		- $this->get_button_bg_css( $attributes, 'Mobile' )
	177	+ $this->get_button_bg_css( $attributes, 'Mobile' ),
	178	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_button_bg_css( $attributes, $device ); } )
160	179	);
161	180	$css_generator->add_class_styles(
162	181	'{{WRAPPER}} .ablocks-block--search-button:hover',
163	182	$this->get_button_bg_hover_css( $attributes ),
164	183	$this->get_button_bg_hover_css( $attributes, 'Tablet' ),
165		- $this->get_button_bg_hover_css( $attributes, 'Mobile' )
	184	+ $this->get_button_bg_hover_css( $attributes, 'Mobile' ),
	185	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_button_bg_hover_css( $attributes, $device ); } )
166	186	);
167	187	$css_generator->add_class_styles(
168	188	'{{WRAPPER}} .ablocks-block--search-button:hover',
169	189	$this->get_button_bg_hover_css( $attributes ),
170	190	$this->get_button_bg_hover_css( $attributes, 'Tablet' ),
171		- $this->get_button_bg_hover_css( $attributes, 'Mobile' )
	191	+ $this->get_button_bg_hover_css( $attributes, 'Mobile' ),
	192	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_button_bg_hover_css( $attributes, $device ); } )
172	193	);
173	194
174	195	$css_generator->add_class_styles(
175	196	'{{WRAPPER}} .ablocks-block--search-button > span > svg',
		@@ -174,45 +195,52 @@
174	195	$css_generator->add_class_styles(
175	196	'{{WRAPPER}} .ablocks-block--search-button > span > svg',
176	197	$this->get_Icon_css( $attributes ),
177	198	$this->get_Icon_css( $attributes, 'Tablet' ),
178		- $this->get_Icon_css( $attributes, 'Mobile' )
	199	+ $this->get_Icon_css( $attributes, 'Mobile' ),
	200	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_Icon_css( $attributes, $device ); } )
179	201	);
180	202	$css_generator->add_class_styles(
181	203	'{{WRAPPER}} .ablocks-block--search-result',
182	204	$this->get_search_result_list( $attributes ),
183	205	$this->get_search_result_list( $attributes, 'Tablet' ),
184		- $this->get_search_result_list( $attributes, 'Mobile' )
	206	+ $this->get_search_result_list( $attributes, 'Mobile' ),
	207	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_search_result_list( $attributes, $device ); } )
185	208	);
186	209	$css_generator->add_class_styles(
187	210	'{{WRAPPER}} .ablocks-block--search-result:hover',
188	211	$this->get_search_result_list_hover( $attributes ),
189	212	$this->get_search_result_list_hover( $attributes, 'Tablet' ),
190		- $this->get_search_result_list_hover( $attributes, 'Mobile' )
	213	+ $this->get_search_result_list_hover( $attributes, 'Mobile' ),
	214	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_search_result_list_hover( $attributes, $device ); } )
191	215	);
192	216	$css_generator->add_class_styles(
193	217	'{{WRAPPER}} .ablocks-block--search-result__list',
194	218	$this->get_search_result_item( $attributes ),
195	219	$this->get_search_result_item( $attributes, 'Tablet' ),
196		- $this->get_search_result_item( $attributes, 'Mobile' )
	220	+ $this->get_search_result_item( $attributes, 'Mobile' ),
	221	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_search_result_item( $attributes, $device ); } )
197	222	);
198	223	$css_generator->add_class_styles(
199	224	'{{WRAPPER}} .ablocks-block--search-result__list:hover',
200	225	$this->get_search_result_item_hover( $attributes ),
201	226	$this->get_search_result_item_hover( $attributes, 'Tablet' ),
202		- $this->get_search_result_item_hover( $attributes, 'Mobile' )
	227	+ $this->get_search_result_item_hover( $attributes, 'Mobile' ),
	228	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_search_result_item_hover( $attributes, $device ); } )
203	229	);
204	230	$css_generator->add_class_styles(
205	231	'{{WRAPPER}} a.ablocks-block--search-result__list-title',
206	232	$this->get_search_result_title_css( $attributes ),
207	233	$this->get_search_result_title_css( $attributes, 'Tablet' ),
208		- $this->get_search_result_title_css( $attributes, 'Mobile' )
	234	+ $this->get_search_result_title_css( $attributes, 'Mobile' ),
	235	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_search_result_title_css( $attributes, $device ); } )
209	236	);
210	237	$css_generator->add_class_styles(
211	238	'{{WRAPPER}} .ablocks-search-block__spin',
212	239	$this->get_loading_spinner_css( $attributes ),
213	240	$this->get_loading_spinner_css( $attributes, 'Tablet' ),
214		- $this->get_loading_spinner_css( $attributes, 'Mobile' )
	241	+ $this->get_loading_spinner_css( $attributes, 'Mobile' ),
	242	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_loading_spinner_css( $attributes, $device ); } )
215	243	);
216	244
217	245	return $css_generator->generate_css();
218	246	}