From: Bill Erickson <berickxx@gmail.com>
Date: Tue, 16 Mar 2021 21:27:05 +0000 (-0400)
Subject: LP1916754 Angular Grid row index shows > 99
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=1d4b25cebc79fdf8b403586211c55af4013d3b14;p=evergreen%2Fpines.git

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 273b61b9db..fed22766ba 100644
--- 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 5f2fa0d0e3..83a907c72a 100644
--- 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;