jean/airsonic-refix
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

highlight nested routes in nav

Browse Source
This commit is contained in:
Thomas Amland
2021-03-27 18:34:22 +01:00
parent 11dbb60100
commit ae8c2611f2
3 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/Nav.vue
+1 -1
View File
@@ -19,7 +19,7 @@
Library
</small>
<router-link class="nav-link" :to="{name: 'albums', params: {sort: 'recently-added'}}">
<router-link class="nav-link" :to="{name: 'albums-default'}">
<Icon icon="collection" /> Albums
</router-link>
src/app/Sidebar.vue
+2 -1
View File
@@ -51,7 +51,7 @@
margin-right: 0.75rem;
}
.sidebar-container .nav-link:not(.active) .b-icon {
.sidebar-container .nav-link:not(.router-link-active) .b-icon {
color: var(--text-muted);
}
.sidebar-container .nav-link:hover {
@@ -59,6 +59,7 @@
background-color: rgba(255, 255, 255, 0.045);
}
.sidebar-container .nav-link.router-link-active {
color: var(--primary);
background-color: rgba(255, 255, 255, 0.045);
}
.sidebar-container .nav-link.router-link-active:hover {