From: Garry Collum <gcollum@gmail.com>
Date: Thu, 7 Jun 2018 18:54:45 +0000 (-0400)
Subject: LP#1755896: Web Client mobile menu font color contrast.
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=a17db632cfe5c42df49a49d3e0f631d1b03b4969;p=evergreen%2Fpines.git

LP#1755896: Web Client mobile menu font color contrast.

When viewing the main menu in the web client in a small device or in a
browser with a width that is resized to less than 800px the menu
collapses and the submenu choices are difficult to read because of lack
of contrast.  This patch adds some contrast.

To test:
1. View the web client in a browser and lessen the width until the menu
   collapses, or view it in a small device.
2. Open some of the menu options to observe the submenus.
3. Apply the patch.
4. Refresh the browser and repeat steps 1-2 to view the more readable
   submenus.

Signed-off-by: Garry Collum <gcollum@gmail.com>
Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
---

diff --git a/Open-ILS/src/templates/staff/css/style.css.tt2 b/Open-ILS/src/templates/staff/css/style.css.tt2
index fbbbbb18f5..4647ab3aa6 100644
--- a/Open-ILS/src/templates/staff/css/style.css.tt2
+++ b/Open-ILS/src/templates/staff/css/style.css.tt2
@@ -523,6 +523,12 @@ table.list tr.selected td { /* deprecated? */
   .eg-grid-row {
     flex-direction: column;
   }
+  #top-navbar.navbar-default .navbar-nav>li>ul>li>a {
+    color: #eee;
+  }
+  #top-navbar.navbar-default .navbar-nav>li>ul>li>a:hover {
+    color: #000;
+  }
 }
 
 /* optional class to make 'lg' Bootstrap modals even wider */