webstaff: make overlay record modal wider

This patch defines a CSS class, eg-wide-modal, that can be
set as the windowClass of 'lg' Boostrap modals and increase
their width from a fixed width to 95% of the window.

Signed-off-by: Galen Charlton <gmc@esilibrary.com>

diff --git a/Open-ILS/src/templates/staff/css/style.css.tt2 b/Open-ILS/src/templates/staff/css/style.css.tt2
index c214bc8..0a0ba3b 100644 (file)
--- a/Open-ILS/src/templates/staff/css/style.css.tt2
+++ b/Open-ILS/src/templates/staff/css/style.css.tt2
@@ -413,6 +413,12 @@ table.list tr.selected td { /* deprecated? */
   }
 }
 
+/* optional class to make 'lg' Bootstrap modals even wider */
+@media (min-width: 768px) {
+  .eg-wide-modal .modal-lg {
+    width: 95%;
+  }
+}
 
 [%# 
 vim: ft=css 

diff --git a/Open-ILS/web/js/ui/default/staff/cat/bucket/record/app.js b/Open-ILS/web/js/ui/default/staff/cat/bucket/record/app.js
index 3ac7a5c..313e9ab 100644 (file)
--- a/Open-ILS/web/js/ui/default/staff/cat/bucket/record/app.js
+++ b/Open-ILS/web/js/ui/default/staff/cat/bucket/record/app.js
@@ -545,6 +545,7 @@ function($scope,  $q , $routeParams,  bucketSvc,  egCore,  $window,
         $modal.open({
             templateUrl: './cat/bucket/record/t_merge_records',
             size: 'lg',
+            windowClass: 'eg-wide-modal',
             controller:
                 ['$scope', '$modalInstance', function($scope, $modalInstance) {
                 $scope.records = [];