LP1916754 Angular Grid row index shows > 99

The row number column along the left of each grid now fully shows
3-digit numbers (100 -> 999) without truncating the value.

Signed-off-by: Bill Erickson <berickxx@gmail.com>
Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
Signed-off-by: Galen Charlton <gmc@equinoxOLI.org>

diff --git a/Open-ILS/src/eg2/src/app/share/grid/grid-body.component.html b/Open-ILS/src/eg2/src/app/share/grid/grid-body.component.html
index 273b61b..fed2276 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/grid/grid-body.component.html
+++ b/Open-ILS/src/eg2/src/app/share/grid/grid-body.component.html
@@ -24,7 +24,7 @@
           triggers="manual">
       </div>
     </ng-container>
-    <div class="eg-grid-cell eg-grid-number-cell eg-grid-cell-skinny">
+    <div class="eg-grid-cell eg-grid-number-cell eg-grid-cell-skinny-2">
       {{context.pager.rowNumber(idx)}}
     </div>
     <div *ngIf="context.rowFlairIsEnabled" class="eg-grid-cell eg-grid-flair-cell">

diff --git a/Open-ILS/src/eg2/src/app/share/grid/grid.component.css b/Open-ILS/src/eg2/src/app/share/grid/grid.component.css
index 5f2fa0d..83a907c 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/grid/grid.component.css
+++ b/Open-ILS/src/eg2/src/app/share/grid/grid.component.css
@@ -102,11 +102,16 @@
 }
 
 .eg-grid-cell-skinny {
-  width: 2.2em;
+  width: 2em;
   text-align: center;
   flex: none;
 }
 
+.eg-grid-cell-skinny-2 {
+  width: 2.6em;
+  flex: none;
+}
+
 .eg-grid-flair-cell {
   /* mat icons currently 22px, unclear why it needs this much space */
   width: 34px; 
@@ -116,7 +121,7 @@
 
 /* depends on width of .eg-grid-cell-skinny */
 .eg-grid-column-width-header {
-  width: 4.4em;
+  width: 4.6em;
   text-align: center;
   flex: none;
   display: inline-flex;