From 0ef978c6d5f1f7eeeece184d00ec76c80710d9bd Mon Sep 17 00:00:00 2001 From: Dan Wells Date: Wed, 29 May 2019 12:55:48 -0400 Subject: [PATCH] LP#1823367 Tone down org unit row coloring Some of the text was a little hard to see, and the overall effect of the many colors, while attractive, was also a little distracting. In addition, the lighter blue colors were not obviously different from our standard selected-row-highlight blue. This commit tries a different direction, using some mild green shades based on the standard Evergreen green color base. They are easy to read and still accomplish the overall goal of bringing out the org units (a little) and the call numbers (a little more). Signed-off-by: Dan Wells Signed-off-by: Bill Erickson Signed-off-by: Jane Sandberg --- .../catalog/record/holdings.component.css | 34 ++++++------------- 1 file changed, 11 insertions(+), 23 deletions(-) diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.css b/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.css index 61b04cd3e2..a5dbf13af6 100644 --- a/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.css +++ b/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.css @@ -6,36 +6,24 @@ the CSS we have defined for different row types See https://v2.angular.io/docs/ts/latest/guide/component-styles.html */ -/* grid row colors are bootstrap class="bg-info" with opacity */ - /* :host /deep/ .holdings-copy-row { } */ -:host /deep/ .holdings-volume-row { - color: #004085; - background-color: rgb(23,162,184,0.2); -} - -:host /deep/ .holdings-org-row-0 { - color: #004085; - background-color: rgb(23,162,184); -} +/* colors are based on "Evergreen Green", tinted and desaturated */ -:host /deep/ .holdings-org-row-1 { - color: #004085; - background-color: rgb(23,162,184,0.8); -} - -:host /deep/ .holdings-org-row-2 { - color: #004085; - background-color: rgb(23,162,184,0.6); +:host /deep/ .holdings-volume-row { + background-color: #c9efe4; } -:host /deep/ .holdings-org-row-3 { - color: #004085; - background-color: rgb(23,162,184,0.4); +:host /deep/ .holdings-org-row { + color: rgba(0, 0, 0, .8); + background-color: #e1efeb; } -/* Add additional classes for more deeply nested org unit hierarchies */ \ No newline at end of file +/* Add additional classes for more deeply nested org unit hierarchies */ +/* e.g. +:host /deep/ .holdings-org-row-0 {} +:host /deep/ .holdings-org-row-1 {} +*/ -- 2.43.2