From ae3dd31dcdf32cd83fe8e6b09df298c9714f57d1 Mon Sep 17 00:00:00 2001 From: Pedro Amorim Date: Sat, 1 Apr 2023 17:38:33 +0000 Subject: [PATCH] Bug 33381: Fix sidemenu active and hover styling Change router link active class match rule. This makes it so that the route erm/agreements/1 will also match the router-link /erm/agreements instead of the previous exact match rule, thus adding the 'current' class Update styling router-links to not apply 'current' styling when .disabled --- .../intranet-tmpl/prog/js/vue/components/ERM/Main.vue | 9 +++++---- koha-tmpl/intranet-tmpl/prog/js/vue/modules/erm.ts | 2 +- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Main.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Main.vue index ae4b5b56a58..69e33f66465 100644 --- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Main.vue +++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Main.vue @@ -241,13 +241,14 @@ textarea { .flatpickr-input { width: 30%; } - +#navmenulist ul li a.current.disabled { + background-color: inherit; + border-left: 5px solid #e6e6e6; + color: #000; +} #navmenulist ul li a.disabled { color: #666; pointer-events: none; font-weight: 700; } -#navmenulist ul li a.disabled.router-link-active { - color: #000; -} diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/modules/erm.ts b/koha-tmpl/intranet-tmpl/prog/js/vue/modules/erm.ts index e4290931dfd..a7eaa1413f5 100644 --- a/koha-tmpl/intranet-tmpl/prog/js/vue/modules/erm.ts +++ b/koha-tmpl/intranet-tmpl/prog/js/vue/modules/erm.ts @@ -21,7 +21,7 @@ import { routes } from "../routes/erm"; const router = createRouter({ history: createWebHistory(), - linkExactActiveClass: "current", + linkActiveClass: "current", routes, }); -- 2.30.2