Skip to content

Commit 3f76143

Browse files
committed
MAGE-984 Remove additional legacy autocomplete DOM references
1 parent 247cf5c commit 3f76143

File tree

4 files changed

+3
-181
lines changed

4 files changed

+3
-181
lines changed

view/adminhtml/web/css/common.css

Lines changed: 0 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -317,23 +317,6 @@
317317
}
318318
}
319319

320-
.aa-dropdown-menu .aa-dataset-products .aa-suggestion {
321-
display: inline-block;
322-
width: 100%;
323-
}
324-
325-
@media (min-width: 768px) {
326-
.aa-dropdown-menu .aa-dataset-products .aa-suggestion {
327-
display: inline-block;
328-
}
329-
}
330-
331-
.aa-dataset-products .aa-suggestions:after {
332-
content:'';
333-
display:block;
334-
clear: both;
335-
}
336-
337320
.aa-dropdown-menu .algoliasearch-autocomplete-hit {
338321
display: block;
339322
position: relative;

view/adminhtml/web/css/landing-page.css

Lines changed: 0 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -346,23 +346,6 @@ input::-ms-clear {
346346
}
347347
}
348348

349-
.aa-dropdown-menu .aa-dataset-products .aa-suggestion {
350-
display: inline-block;
351-
width: 100%;
352-
}
353-
354-
@media (min-width: 768px) {
355-
.aa-dropdown-menu .aa-dataset-products .aa-suggestion {
356-
display: inline-block;
357-
}
358-
}
359-
360-
.aa-dataset-products .aa-suggestions:after {
361-
content:'';
362-
display:block;
363-
clear: both;
364-
}
365-
366349
.aa-dropdown-menu .algoliasearch-autocomplete-hit {
367350
display: block;
368351
position: relative;

view/frontend/web/css/autocomplete.css

Lines changed: 3 additions & 137 deletions
Original file line numberDiff line numberDiff line change
@@ -61,43 +61,6 @@ html {
6161
}
6262
}
6363

64-
.aa-Panel .col-2 {
65-
position: relative;
66-
}
67-
68-
.aa-Panel .col-2 .col-left {
69-
width: 67%;
70-
}
71-
72-
.aa-Panel .col-2 .col-right {
73-
width: 33%;
74-
}
75-
76-
.aa-Panel .aa-no-results-products {
77-
padding: 40px 40px;
78-
min-height: 250px;
79-
}
80-
81-
.aa-Panel .aa-no-results-products .title {
82-
font-weight: bold;
83-
margin-bottom: 30px;
84-
font-size: 16px;
85-
}
86-
87-
.aa-Panel .aa-no-results-products .suggestions {
88-
margin-bottom: 30px;
89-
}
90-
91-
.aa-Panel .aa-no-results-products .see-all a {
92-
color: #636363;
93-
font-weight: bold;
94-
}
95-
96-
.aa-Panel .aa-no-results {
97-
padding: 10px;
98-
font-style: italic;
99-
}
100-
10164
.aa-Panel .category, .aa-Panel .aa-PanelLayout section .aa-SourceHeader {
10265
padding: 4px;
10366
color: rgb(166, 166, 166);
@@ -107,7 +70,7 @@ html {
10770
font-weight: bold;
10871
}
10972

110-
.aa-Panel .category-suggestions{
73+
.aa-Panel .category-suggestions {
11174
padding: 4px;
11275
color: #54A5CD;
11376
text-align: left;
@@ -144,103 +107,18 @@ html {
144107
stroke: #A6A6A6;
145108
}
146109

147-
.aa-Panel .col9:hover {
148-
background-color: #F9F9F9;
149-
}
150-
151-
.aa-Panel .aa-dataset-products .aa-suggestion {
152-
display: inline-block;
153-
width: 100%;
154-
}
155-
156-
@media (min-width: 769px) {
157-
.aa-Panel .aa-dataset-products .aa-suggestion {
158-
display: inline-block;
159-
width: 50%;
160-
}
161-
}
162-
163-
164-
.aa-Panel .aa-dataset-products .algoliasearch-autocomplete-hit {
165-
padding: 15px 10px;
166-
}
167-
168-
.autocomplete-wrapper, .aa-Panel {
110+
.aa-Panel {
169111
width: 100%;
170112
display: flex;
171113
flex-direction: row-reverse;
172114
flex-wrap: wrap;
173115
}
174116

175-
.autocomplete-wrapper:after, .aa-Panel:after {
117+
.aa-Panel:after {
176118
clear: both;
177119
content: '';
178120
}
179121

180-
.aa-Panel .col9 {
181-
float: right;
182-
box-sizing: border-box;
183-
}
184-
185-
.aa-Panel .col3 {
186-
float: right;
187-
box-sizing: border-box;
188-
}
189-
190-
@media (min-width: 769px) {
191-
.aa-Panel .col9 {
192-
border-left: solid 1px #eeeeee;
193-
width: 70%;
194-
right: 0;
195-
height: 100%;
196-
}
197-
198-
.aa-Panel .col3 {
199-
float: left;
200-
width: 30%;
201-
}
202-
}
203-
204-
.aa-Panel .other-sections {
205-
margin: 20px 10px 70px;
206-
}
207-
208-
.aa-dataset-products .aa-suggestions {
209-
margin: 10px auto 10px auto;
210-
}
211-
212-
.aa-dataset-suggestions {
213-
display: none;
214-
}
215-
216-
@media (min-width: 769px) {
217-
.aa-dataset-suggestions {
218-
display: block;
219-
}
220-
}
221-
222-
223-
@media (min-width: 769px) {
224-
.aa-dataset-products .aa-suggestions {
225-
margin: 10px auto 50px auto;
226-
}
227-
}
228-
229-
230-
.aa-dataset-products .aa-suggestions:after {
231-
content: '';
232-
display: block;
233-
clear: both;
234-
}
235-
236-
.aa-Panel .other-sections .algoliasearch-autocomplete-hit {
237-
padding-left: 10px;
238-
}
239-
240-
.aa-Panel .other-sections .aa-suggestions {
241-
margin-bottom: 20px;
242-
}
243-
244122
.aa-Panel .aa-cursor .algoliasearch-autocomplete-hit {
245123
background-color: #f2f2f2;
246124
}
@@ -325,18 +203,6 @@ html {
325203
padding-left: 5px;
326204
}
327205

328-
.autocomplete-wrapper:after {
329-
clear: both;
330-
content: '';
331-
}
332-
333-
#algolia_instant_selector .cross-wrapper .clear-refinement {
334-
display: block;
335-
position: relative;
336-
top: 5px;
337-
left: 5px;
338-
}
339-
340206
#algoliaAutocomplete {
341207
position: relative;
342208
}

view/frontend/web/js/internals/common.js

Lines changed: 0 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -414,16 +414,6 @@ define(['jquery', 'algoliaInstantSearchLib', 'algoliaBase64', 'Magento_PageCache
414414
return hit;
415415
},
416416

417-
/** @deprecated This function should no longer be used and will be removed in a version 3.17 */
418-
fixAutocompleteCssHeight: () => {
419-
if ($(document).width() > 768) {
420-
$(".other-sections").css('min-height', '0');
421-
$(".aa-dataset-products").css('min-height', '0');
422-
var height = Math.max($(".other-sections").outerHeight(), $(".aa-dataset-products").outerHeight());
423-
$(".aa-dataset-products").css('min-height', height);
424-
}
425-
},
426-
427417
createISWidgetContainer: (attributeName) => {
428418
const div = document.createElement('div');
429419
div.className = 'is-widget-container-' + attributeName.split('.').join('_');

0 commit comments

Comments
 (0)