LP#1755896: Web Client mobile menu font color contrast.
authorGarry Collum <gcollum@gmail.com>
Thu, 7 Jun 2018 18:54:45 +0000 (14:54 -0400)
committerGalen Charlton <gmc@equinoxinitiative.org>
Mon, 5 Nov 2018 22:04:36 +0000 (17:04 -0500)
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>

Open-ILS/src/templates/staff/css/style.css.tt2

index fbbbbb1..4647ab3 100644 (file)
@@ -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 */