Koha-community/Koha
13
7
Fork 0
Code Issues Releases Wiki Activity

Bug 30952: (follow-up) Avoid nav menu jump between bold and normal

Browse source 
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 <martin.renvoize@ptfs-europe.com>
Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
This commit is contained in:
Owen Leonard 2022-09-28 15:37:36 +00:00 committed by Tomas Cohen Arazi
parent a78e33a3ef
commit 1d4114a3f3
Signed by: tomascohen
GPG key ID: 0A272EA1B2F3C15F
1 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
View file

@ -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;
}
}
}
}