Skip to content

Commit 446d89e

Browse files
authored
feat(search): horizontal category variant
Added a horizontal category search variant, which moves the category headers to the top of each results instead of the left
1 parent 3222bcd commit 446d89e

File tree

2 files changed

+14
-0
lines changed

2 files changed

+14
-0
lines changed

src/definitions/modules/search.less

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -367,6 +367,19 @@
367367
transition: @categoryResultTransition;
368368
padding: @categoryResultPadding;
369369
}
370+
371+
& when (@variationSearchHorizontalCategory) {
372+
.ui.horizontal.category.search > .results .category,
373+
.ui.horizontal.category.search > .results .category > .name,
374+
.ui.horizontal.category.search > .results .category > .results {
375+
display: block;
376+
}
377+
378+
.ui.horizontal.category.search > .results .category > .results {
379+
width: 100%;
380+
border-left: 0;
381+
}
382+
}
370383
}
371384

372385
/*******************************

src/themes/default/globals/variation.variables

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -651,6 +651,7 @@
651651
@variationSearchDisabled: true;
652652
@variationSearchSelection: true;
653653
@variationSearchCategory: true;
654+
@variationSearchHorizontalCategory: true;
654655
@variationSearchLoading: true;
655656
@variationSearchAligned: true;
656657
@variationSearchFluid: true;

0 commit comments

Comments
 (0)