From: Bill Erickson <berickxx@gmail.com>
Date: Tue, 16 Jun 2015 02:29:25 +0000 (-0400)
Subject: LP#1464767 Browser client scrollable selectors
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=d22227f6929556f8a4c989a9e6d2b52816a68f7e;p=working%2FEvergreen.git

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>
---

diff --git a/Open-ILS/src/templates/staff/css/style.css.tt2 b/Open-ILS/src/templates/staff/css/style.css.tt2
index 8b4f3bbac7..b8e3322089 100644
--- a/Open-ILS/src/templates/staff/css/style.css.tt2
+++ b/Open-ILS/src/templates/staff/css/style.css.tt2
@@ -407,6 +407,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 25312c667c..efa6623c70 100644
--- a/Open-ILS/web/js/ui/default/staff/services/ui.js
+++ b/Open-ILS/web/js/ui/default/staff/services/ui.js
@@ -243,7 +243,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">'