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

Commit 93dfdc1

Browse files
authored
feat(ais-hierarchical-menu): add css class for link of selected menu item (#1150)
1 parent badf815 commit 93dfdc1

File tree

2 files changed

+6
-3
lines changed

2 files changed

+6
-3
lines changed

src/components/HierarchicalMenuList.vue

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,10 @@
1717
>
1818
<a
1919
:href="createURL(item.value)"
20-
:class="suit('link')"
20+
:class="[
21+
suit('link'),
22+
item.isRefined && suit('link', 'selected')
23+
]"
2124
@click.prevent="refine(item.value)"
2225
>
2326
<span :class="suit('label')">{{ item.label }}</span>

src/components/__tests__/__snapshots__/HierarchicalMenu.js.snap

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -731,7 +731,7 @@ exports[`default render renders correctly a sub categories selected 1`] = `
731731
<div class="ais-HierarchicalMenu">
732732
<ul class="ais-HierarchicalMenu-list ais-HierarchicalMenu-list--lvl0">
733733
<li class="ais-HierarchicalMenu-item ais-HierarchicalMenu-item--parent ais-HierarchicalMenu-item--selected">
734-
<a class="ais-HierarchicalMenu-link">
734+
<a class="ais-HierarchicalMenu-link ais-HierarchicalMenu-link--selected">
735735
<span class="ais-HierarchicalMenu-label">
736736
Apple
737737
</span>
@@ -761,7 +761,7 @@ exports[`default render renders correctly a sub categories selected 1`] = `
761761
</a>
762762
</li>
763763
<li class="ais-HierarchicalMenu-item ais-HierarchicalMenu-item--parent ais-HierarchicalMenu-item--selected">
764-
<a class="ais-HierarchicalMenu-link">
764+
<a class="ais-HierarchicalMenu-link ais-HierarchicalMenu-link--selected">
765765
<span class="ais-HierarchicalMenu-label">
766766
MacBook
767767
</span>

0 commit comments

Comments
 (0)