From 901edfd9c6f7dbe687ad0b5ee36415311bd4e31c Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Wed, 28 Sep 2022 15:37:36 +0000 Subject: [PATCH] Bug 30952: (follow-up) Avoid nav menu jump between bold and normal I think styling links with a bold hover state results in a "jumpy" look, and I seem to recall making changes in the past to issues like in response to bug reports. I'd like to propose an alternative style for the nav menu which uses color changes to indicate the hover state. This menu can be seen in the sidebar of patron details, bibliographic details, etc. --- .../intranet-tmpl/prog/css/src/staff-global.scss | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss index ec9ec1ed1e..6c35ecfa14 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss @@ -394,19 +394,32 @@ aside { list-style: none; a { + border-left: 5px solid #E6E6E6; color: #000; display: block; text-decoration: none; padding: .7em .3em .7em 1.2em; } - &.active > a, a:hover, a.current { + &.active > a, + a:hover, + a.current { background-color: #F3F4F4; text-decoration: none; color: $green-text-color; border-left: solid 5px $background-color-primary; font-weight: bold; } + + a:hover { + border-left: solid 5px $background-color-secondary; + font-weight: normal; + } + + &.active > a:hover { + border-left: solid 5px $background-color-primary; + font-weight: bold; + } } } } -- 2.30.2