From 7a88927ebb5b5354db37ebf5434f4711be98200c 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 | 8 ++++++-- koha-tmpl/intranet-tmpl/prog/js/vue/modules/erm.ts | 2 +- 2 files changed, 7 insertions(+), 3 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..860b25fe38a 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,8 +241,12 @@ textarea { .flatpickr-input { width: 30%; } - -#navmenulist ul li a.disabled { +#navmenulist ul li a.current.disabled { + background-color: inherit; + border-left: 5px solid #e6e6e6; +} +#navmenulist ul li a.disabled, +#navmenulist ul li a.current.disabled { color: #666; pointer-events: none; font-weight: 700; 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