@@ -274,6 +274,41 @@ html {
274
274
color : # 222222 ;
275
275
}
276
276
277
+ /********************
278
+ REDIRECT HITS
279
+ ********************/
280
+ .aa-Panel .aa-PanelLayout section [data-autocomplete-source-id = redirectUrlPlugin ] .aa-ItemWrapper ,
281
+ .aa-Panel .aa-PanelLayout section [data-autocomplete-source-id = redirectUrlPlugin ] .aa-ItemWrapper .aa-ItemContent {
282
+ display : flex;
283
+ flex-wrap : nowrap;
284
+ flex-direction : row;
285
+ }
286
+
287
+ .aa-Panel .aa-PanelLayout section [data-autocomplete-source-id = redirectUrlPlugin ] .aa-ItemWrapper {
288
+ min-height : 30px ;
289
+ padding-top : 10px ;
290
+ }
291
+
292
+ /* Redirect icons */
293
+ .aa-Panel .aa-PanelLayout section [data-autocomplete-source-id = redirectUrlPlugin ] .aa-ItemWrapper .aa-ItemActions {
294
+ margin-left : auto; /* Consume remaining space to push to far right */
295
+ }
296
+
297
+ .aa-Panel .aa-PanelLayout section [data-autocomplete-source-id = redirectUrlPlugin ] .aa-ItemIcon {
298
+ margin-right : 10px ;
299
+ }
300
+
301
+ .aa-Panel .aa-PanelLayout section [data-autocomplete-source-id = redirectUrlPlugin ] .aa-ItemIcon ,
302
+ .aa-Panel .aa-PanelLayout section [data-autocomplete-source-id = redirectUrlPlugin ] .aa-ItemActions
303
+ {
304
+ width : 20px ;
305
+ }
306
+
307
+ /* Hide products when redirecting */
308
+ .aa-Panel .aa-PanelLayout section [data-autocomplete-source-id = redirectUrlPlugin ] ~ section [data-autocomplete-source-id = products ] {
309
+ display : none;
310
+ }
311
+
277
312
/********************
278
313
ALGOLIA FOOTER
279
314
********************/
@@ -342,6 +377,15 @@ html {
342
377
margin-bottom : 45px ;
343
378
}
344
379
380
+ /* Redirect section */
381
+ .aa-Panel .aa-PanelLayout .with-grid section [data-autocomplete-source-id = redirectUrlPlugin ] {
382
+ grid-column : 2 ;
383
+ grid-row : 1 / 999 ;
384
+ border-left : 1px solid # BBB ;
385
+ z-index : 999 ;
386
+ }
387
+
388
+ /* Products section */
345
389
.aa-Panel .aa-PanelLayout .with-grid section [data-autocomplete-source-id = products ] {
346
390
grid-column : 2 ;
347
391
grid-row : 1 / 999 ;
@@ -350,6 +394,11 @@ html {
350
394
margin-bottom : 0 ;
351
395
}
352
396
397
+ /* Redirect behaviors */
398
+ .aa-Panel .aa-PanelLayout .with-grid section [data-autocomplete-source-id = redirectUrlPlugin ] ~ section [data-autocomplete-source-id = products ] {
399
+ padding-top : 45px ; /* Pad if showing with redirect option - set z-index as needed */
400
+ }
401
+
353
402
/* Products grid */
354
403
.aa-Panel .aa-PanelLayout section [data-autocomplete-source-id = products ] .aa-List {
355
404
display : grid;
0 commit comments