From 4c42286ec67f23fa7ab64f24ee4a3ca9aea4e4ae 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 Signed-off-by: Kyle Huckins Signed-off-by: Jane Sandberg --- 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 d1b449999b..d06bf485cf 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.43.2