From ea29a496ff51154ea8a8e1cdef20eb33405b88f5 Mon Sep 17 00:00:00 2001
From: Heike Reinken <reinken@ub.uni-leipzig.de>
Date: Wed, 28 Oct 2020 13:09:23 +0100
Subject: [PATCH] refs #18020[master] Highlight navbar-toggler on hover and
focus
* Only relevant for XS: Highlight navbar-toggle on hover and focus
* Use existend variable for navbar toggle hover background color
* Make variable navbar-default-toggle-hover-bg rewritable
---
themes/finc/scss/_customVariables.scss | 2 ++
themes/finc/scss/compiled.scss | 6 ++++++
2 files changed, 8 insertions(+)
diff --git a/themes/finc/scss/_customVariables.scss b/themes/finc/scss/_customVariables.scss
index 910a1a292de..25604076d84 100644
--- a/themes/finc/scss/_customVariables.scss
+++ b/themes/finc/scss/_customVariables.scss
@@ -151,6 +151,8 @@ $badge-link-hover-color: saturate($brand-danger, 50%) !default;
////// Sidebar Badge/fa Colors
$sidebar-badge-fa-color: darken($brand-secondary, 40%) !default;
+//// Navbar toggler
+$navbar-default-toggle-hover-bg: $white !default;
//// Accordion/Collapse Toggler
$toggler: $snow !default;
diff --git a/themes/finc/scss/compiled.scss b/themes/finc/scss/compiled.scss
index fa4980d19a7..3cd6ef6b694 100644
--- a/themes/finc/scss/compiled.scss
+++ b/themes/finc/scss/compiled.scss
@@ -1385,6 +1385,12 @@ header,
.fa {
font-size: 150%;
}
+
+ &:hover,
+ &:focus {
+ background-color: $navbar-default-toggle-hover-bg;
+
+ }
}
//// navbar-right - add negative right margin to align last button in row to content in sidebar below (right padding)
--
GitLab