From 5d5333b7d7e870a94ca54895e0d4e76282cde4aa Mon Sep 17 00:00:00 2001 From: Mike Risher Date: Tue, 10 Dec 2019 23:15:35 +0000 Subject: [PATCH] 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 Signed-off-by: Galen Charlton Signed-off-by: Jane Sandberg --- .../src/eg2/src/app/share/grid/grid.component.css | 37 +++++++++++----------- 1 file changed, 19 insertions(+), 18 deletions(-) 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; } -- 2.11.0