From 0b10d765dee78b5500106aea107d5cf3709cbf54 Mon Sep 17 00:00:00 2001
From: Bill Erickson <berickxx@gmail.com>
Date: Mon, 15 Jun 2015 22:29:25 -0400
Subject: [PATCH] LP#1464767 Browser client scrollable selectors

Adds a new scrollable-menu CSS class.  It's (provisionally?) limited to
larger screens, w/ the assumption that smaller screens handle scrolling
for you.

New class is applied to org unit selects only so far.

Signed-off-by: Bill Erickson <berickxx@gmail.com>
---
 Open-ILS/src/templates/staff/css/style.css.tt2  | 8 ++++++++
 Open-ILS/web/js/ui/default/staff/services/ui.js | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/Open-ILS/src/templates/staff/css/style.css.tt2 b/Open-ILS/src/templates/staff/css/style.css.tt2
index 57e539c731..2fef74d2df 100644
--- a/Open-ILS/src/templates/staff/css/style.css.tt2
+++ b/Open-ILS/src/templates/staff/css/style.css.tt2
@@ -414,6 +414,14 @@ table.list tr.selected td { /* deprecated? */
   }
 }
 
+@media all and (min-width: 800px) {
+    /* scrollable menus for full-size screens */
+    .scrollable-menu {
+        height: auto;
+        max-height: 200px;
+        overflow-x: hidden;
+    }
+}
 
 [%# 
 vim: ft=css 
diff --git a/Open-ILS/web/js/ui/default/staff/services/ui.js b/Open-ILS/web/js/ui/default/staff/services/ui.js
index 5291d9a257..bfaf35f7da 100644
--- a/Open-ILS/web/js/ui/default/staff/services/ui.js
+++ b/Open-ILS/web/js/ui/default/staff/services/ui.js
@@ -273,7 +273,7 @@ function($modal, $interpolate) {
              + '<span style="padding-right: 5px;">{{getSelectedName()}}</span>'
              + '<span class="caret"></span>'
            + '</button>'
-           + '<ul class="dropdown-menu">'
+           + '<ul class="dropdown-menu scrollable-menu">'
              + '<li ng-repeat="org in orgList" ng-hide="hiddenTest(org.id)">'
                + '<a href ng-click="orgChanged(org)" a-disabled="disableTest(org.id)" '
                  + 'style="padding-left: {{org.depth * 10 + 5}}px">'
-- 
2.11.0