From 1d4114a3f392c49cbb08cabbd04f347f6b270683 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. Signed-off-by: Martin Renvoize Signed-off-by: Owen Leonard Signed-off-by: Nick Clemens Signed-off-by: Tomas Cohen Arazi --- .../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 21642753e9..82baa544f9 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.39.5