From: Bill Erickson <berick@esilibrary.com>
Date: Sun, 11 May 2014 22:14:31 +0000 (-0400)
Subject: give grid index and selector columns thin fixed width
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=f4318a74e39ea1d217bcf42cc516a3ab6e9380b7;p=working%2FEvergreen.git

give grid index and selector columns thin fixed width

Signed-off-by: Bill Erickson <berick@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 3ac4ad6fbe..7fb16c2608 100644
--- a/Open-ILS/src/templates/staff/css/style.css.tt2
+++ b/Open-ILS/src/templates/staff/css/style.css.tt2
@@ -171,13 +171,13 @@ table.list tr.selected td {
 
 /* stock columns need fixed-width controls */
 .eg-grid-cell-stock {
-  flex: 1;
+  width: 2.2em;
   text-align: center;
 }
 
 /* the conf header must be twice the stock flex */
 .eg-grid-cell-conf-header {
-  flex: 2;
+  width: 4.4em;
   font-weight: bold;
 }
 
diff --git a/Open-ILS/src/templates/staff/parts/t_autogrid.tt2 b/Open-ILS/src/templates/staff/parts/t_autogrid.tt2
index 768a314bc6..4e037ade91 100644
--- a/Open-ILS/src/templates/staff/parts/t_autogrid.tt2
+++ b/Open-ILS/src/templates/staff/parts/t_autogrid.tt2
@@ -158,10 +158,10 @@
   <div ng-transclude></div>
 
   <div class="eg-grid-row eg-grid-header-row">
-    <div class="eg-grid-cell eg-grid-cell-stock" style="flex:{{indexFlex}}">
+    <div class="eg-grid-cell eg-grid-cell-stock">
       <div>[% l('#') %]</div>
     </div>
-    <div class="eg-grid-cell eg-grid-cell-stock" style="flex:{{selectorFlex}}">
+    <div class="eg-grid-cell eg-grid-cell-stock">
       <div>
         <input type='checkbox' ng-click="toggleSelectAllItems()"/>
       </div>
@@ -194,8 +194,7 @@
 
   <!-- Inline grid configuration row -->
   <div class="eg-grid-row eg-grid-conf-row" ng-show="showGridConf">
-    <div class="eg-grid-cell eg-grid-cell-conf-header" 
-        style="flex:{{indexFlex + selectorFlex}}">
+    <div class="eg-grid-cell eg-grid-cell-conf-header">
       <div class="eg-grid-conf-cell-entry">[% l('Expand') %]</div>
       <div class="eg-grid-conf-cell-entry">[% l('Shrink') %]</div>
       <div class="eg-grid-conf-cell-entry" ng-if="!disableMultiSort">[% l('Sort') %]</div>
@@ -234,11 +233,11 @@
         ng-repeat="item in items"
         ng-show="items.length > 0"
         ng-class="{'eg-grid-row-selected' : selected[indexValue(item)]}">
-      <div class="eg-grid-cell eg-grid-cell-stock" style="flex:{{indexFlex}}"
+      <div class="eg-grid-cell eg-grid-cell-stock"
         ng-click="handleRowClick($event, item)">
         {{$index + offset() + 1}}
       </div>
-      <div class="eg-grid-cell eg-grid-cell-stock" style="flex:{{selectorFlex}}">
+      <div class="eg-grid-cell eg-grid-cell-stock">
         <!-- ng-click=handleRowClick here has unintended 
              consequences and is unnecessary, avoid it -->
         <div>
diff --git a/Open-ILS/web/js/ui/default/staff/services/grid.js b/Open-ILS/web/js/ui/default/staff/services/grid.js
index 742e4921de..dad5239643 100644
--- a/Open-ILS/web/js/ui/default/staff/services/grid.js
+++ b/Open-ILS/web/js/ui/default/staff/services/grid.js
@@ -93,10 +93,6 @@ angular.module('egGridMod',
                 $scope.showGridConf = false;
                 grid.totalCount = -1;
 
-                // default flex values for the index and selector columns
-                $scope.indexFlex = 1;
-                $scope.selectorFlex = 1;
-
                 $scope.actions = [];
                 grid.addAction = function(act) {
                     $scope.actions.push(act);