Skip to content
This repository was archived by the owner on Dec 15, 2022. It is now read-only.

Commit e487cc6

Browse files
author
Ronan Levesque
committed
Add back support for classNames using Results instead of Hits
1 parent 4eb7516 commit e487cc6

File tree

2 files changed

+23
-5
lines changed

2 files changed

+23
-5
lines changed

src/scss/themes/algolia.scss

Lines changed: 20 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -25,8 +25,11 @@ a[class^='ais-'] {
2525
.ais-HierarchicalMenu,
2626
.ais-Highlight,
2727
.ais-Hits,
28+
.ais-Results,
2829
.ais-HitsPerPage,
30+
.ais-ResultsPerPage,
2931
.ais-InfiniteHits,
32+
.ais-InfiniteResults,
3033
.ais-Menu,
3134
.ais-MenuSelect,
3235
.ais-NumericMenu,
@@ -77,6 +80,7 @@ a[class^='ais-'] {
7780
.ais-CurrentRefinements-reset,
7881
.ais-HierarchicalMenu-showMore,
7982
.ais-InfiniteHits-loadMore,
83+
.ais-InfiniteResults-loadMore,
8084
.ais-Menu-showMore,
8185
.ais-RefinementList-showMore {
8286
padding: 0.3rem 0.5rem;
@@ -96,6 +100,7 @@ a[class^='ais-'] {
96100
.ais-ClearRefinements-button--disabled,
97101
.ais-HierarchicalMenu-showMore--disabled,
98102
.ais-InfiniteHits-loadMore--disabled,
103+
.ais-InfiniteResults-loadMore--disabled,
99104
.ais-Menu-showMore--disabled,
100105
.ais-RefinementList-showMore--disabled {
101106
opacity: 0.6;
@@ -227,25 +232,33 @@ a[class^='ais-'] {
227232
}
228233

229234
.ais-InfiniteHits-header,
230-
.ais-Hits-header {
235+
.ais-InfiniteResults-header,
236+
.ais-Hits-header,
237+
.ais-Results-header {
231238
margin-bottom: 1rem;
232239
}
233240

234241
.ais-InfiniteHits-footer,
235-
.ais-Hits-footer {
242+
.ais-InfiniteResults-footer,
243+
.ais-Hits-footer,
244+
.ais-Results-footer {
236245
margin-top: 1rem;
237246
}
238247

239248
.ais-InfiniteHits-list,
240-
.ais-Hits-list {
249+
.ais-InfiniteResults-list,
250+
.ais-Hits-list,
251+
.ais-Results-list {
241252
margin-top: -1rem;
242253
margin-left: -1rem;
243254
display: flex;
244255
flex-wrap: wrap;
245256
}
246257

247258
.ais-InfiniteHits-item,
248-
.ais-Hits-item {
259+
.ais-InfiniteResults-item,
260+
.ais-Hits-item,
261+
.ais-Results-item {
249262
margin-top: 1rem;
250263
margin-left: 1rem;
251264
padding: 1rem;
@@ -254,13 +267,15 @@ a[class^='ais-'] {
254267
box-shadow: 0 2px 5px 0px lighten($ghost, 10%);
255268
}
256269

257-
.ais-InfiniteHits-loadMore {
270+
.ais-InfiniteHits-loadMore,
271+
.ais-InfiniteResults-loadMore {
258272
margin-top: 1rem;
259273
}
260274

261275
.ais-MenuSelect-select,
262276
.ais-NumericSelector-select,
263277
.ais-HitsPerPage-select,
278+
.ais-ResultsPerPage-select,
264279
.ais-SortBy-select {
265280
appearance: none;
266281
padding: 0.3rem 2rem 0.3rem 0.3rem;

src/scss/themes/reset.scss

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,9 @@
44
.ais-CurrentRefinements-list,
55
.ais-HierarchicalMenu-list,
66
.ais-Hits-list,
7+
.ais-Results-list,
78
.ais-InfiniteHits-list,
9+
.ais-InfiniteResults-list,
810
.ais-Menu-list,
911
.ais-NumericMenu-list,
1012
.ais-Pagination-list,
@@ -23,6 +25,7 @@
2325
.ais-CurrentRefinements-reset,
2426
.ais-HierarchicalMenu-showMore,
2527
.ais-InfiniteHits-loadMore,
28+
.ais-InfiniteResults-loadMore,
2629
.ais-Menu-showMore,
2730
.ais-RangeInput-submit,
2831
.ais-RefinementList-showMore,

0 commit comments

Comments
 (0)