From d164fd5cfcb181c43b2d636ba21b38ccdfc07b98 Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Thu, 27 Oct 2022 13:27:55 +0200 Subject: [PATCH] Bug 31919: Add backgground color to hovered items in header dropdowns This alternate patch is different in a few ways: - Add a hover background color only to items in dropdown menus. - Use an SCSS variable for the background color - Update the specificity of the hover CSS to more fully override Bootstrap's default. To test, apply the patch and rebuild the staff interface CSS. - On any page in the staff interface, test the behavior of links in the nav header. - The always-visible links (Circulation, Patrons, etc) should keep the same style as before: Underline on hover. - In dropdown menus like "More" and the user menu in the upper right corner, hovered links should have a green background. Signed-off-by: Jonathan Druart --- koha-tmpl/intranet-tmpl/prog/css/src/_header.scss | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss b/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss index aaf8adb22c5..e2f0b55a866 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss @@ -17,9 +17,10 @@ a.navbar-toggle { li a { color: #FFFFFF; - &:hover, &:focus { - background-color: transparent; - text-decoration: underline; + &:hover, + &:focus { + background: $background-color-primary none; + text-decoration: none; } } } -- 2.25.1