webstaff: make overlay record modal wider
authorGalen Charlton <gmc@esilibrary.com>
Fri, 2 Oct 2015 14:19:52 +0000 (14:19 +0000)
committerKathy Lussier <klussier@masslnc.org>
Tue, 2 Feb 2016 19:58:48 +0000 (14:58 -0500)
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>
Signed-off-by: Kathy Lussier <klussier@masslnc.org>
Open-ILS/src/templates/staff/css/style.css.tt2
Open-ILS/web/js/ui/default/staff/cat/bucket/record/app.js

index c214bc8..0a0ba3b 100644 (file)
@@ -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 
index 3ac7a5c..313e9ab 100644 (file)
@@ -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 = [];