From: Mike Risher <mrisher@catalyte.io>
Date: Tue, 10 Dec 2019 23:15:35 +0000 (+0000)
Subject: lp1855931 wrap text for wide Angular eg-grid column headers
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=fe8a46504b684f8b862ff81a825df6eed4624c59;p=evergreen%2Fmasslnc.git

lp1855931 wrap text for wide Angular eg-grid column headers

Make column headers text wrap so that you can fully read the header even if
it's several words long.  This will help when there are multiple headers
that start with the same word and they show up identically.

Signed-off-by: Mike Risher <mrisher@catalyte.io>
Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
Signed-off-by: Jane Sandberg <sandbej@linnbenton.edu>
---

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 de4894d3fe..4c9575fc52 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
@@ -31,24 +31,6 @@
   border-color: #b8daff;
 }
 
-.eg-grid-header-cell {
-    font-weight: bold;
-}
-
-.eg-grid-header-cell.dragover {
-    background-color: #cce5ff;
-    border-color: #b8daff;
-}
-
-.eg-grid-header-cell-sort-label {
-  cursor: pointer;
-  text-decoration: underline;
-}
-
-.eg-grid-header-cell-sort-arrow {
-  font-size: 14px;
-}
-
 .eg-grid-cell {
     flex: 2; /* applied per column */
     padding: 6px;
@@ -75,6 +57,25 @@
 .eg-grid-body-cell {
 }
 
+.eg-grid-header-cell {
+  font-weight: bold;
+  white-space: normal;
+}
+
+.eg-grid-header-cell.dragover {
+    background-color: #cce5ff;
+    border-color: #b8daff;
+}
+
+.eg-grid-header-cell-sort-label {
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+.eg-grid-header-cell-sort-arrow {
+  font-size: 14px;
+}
+
 .eg-grid-toolbar {
   display: flex;
 }