From 8432572832db7fabff480e1b65125f92cf07633b Mon Sep 17 00:00:00 2001 From: Garry Collum Date: Mon, 20 May 2019 14:41:32 -0400 Subject: [PATCH] LP1813078 Menus are sometimes grayed out based on browser size This patch changes a media definition in css from 800px to 768px, the md column size for bootstrap.css. Items in the menus font color changed when the browser was sized between 768px and 800px. To test. 1. Expand the Circulation menu, and change the browser to a width between 768px and 800px. Notice that the menu items change to a gray color. 2. Apply the patch, and then change the width of the browser. Notice that the menu items do not change color before the menu is collapsed. Signed-off-by: Garry Collum --- Open-ILS/src/templates/staff/css/style.css.tt2 | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/Open-ILS/src/templates/staff/css/style.css.tt2 b/Open-ILS/src/templates/staff/css/style.css.tt2 index 4647ab3aa6..08c459abda 100644 --- a/Open-ILS/src/templates/staff/css/style.css.tt2 +++ b/Open-ILS/src/templates/staff/css/style.css.tt2 @@ -515,8 +515,8 @@ table.list tr.selected td { /* deprecated? */ flex: 4; } -/* TODO: match media size to Bootstrap "md" col resizing */ -@media all and (max-width: 800px) { +/* 768px equals Bootstrap "md" col resizing */ +@media all and (max-width: 768px) { .flex-row { flex-direction: column; } @@ -538,7 +538,7 @@ table.list tr.selected td { /* deprecated? */ } } -@media all and (min-width: 800px) { +@media all and (min-width: 768px) { /* scrollable menus for full-size screens */ .scrollable-menu { height: auto; -- 2.11.0