From 19b5d7024de9cb0dd82920e0e4b9761f6a2b8e90 Mon Sep 17 00:00:00 2001 From: Arlen Johnson Date: Wed, 6 Jul 2022 11:29:31 -0400 Subject: [PATCH] Improve co-grid styling (NOJIRA) --- app/webroot/css/co-base.css | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css index 33a3c27fa..d17395807 100644 --- a/app/webroot/css/co-base.css +++ b/app/webroot/css/co-base.css @@ -1336,28 +1336,27 @@ a.asc::after { a.desc::after { content: "▼"; /*\25bc in escaped hex*/ } +/* CO GRID LAYOUT; currently used only on CO Selection */ .co-grid { clear: both; - max-width: 100%; /* used with Bootstrap .container */ - border-radius: 3px; - box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); + max-width: 100%; + border-bottom: 1px solid var(--cmg-color-lightgray-005); } .co-grid .col { margin: 0; padding: 1em; } .co-grid .co-grid-header { - background-color: var(--cmg-color-lightgray-010) !important; font-weight: bold; + border-bottom: 1px solid #eee; } .co-grid .co-row { border-top: 1px solid var(--cmg-color-lightgray-005); + border-left: 1px solid var(--cmg-color-lightgray-005); + border-right: 1px solid var(--cmg-color-lightgray-005); } .co-grid .co-row:nth-child(even) { - background-color: var(--cmg-color-lightgray-002); -} -.co-grid > div:nth-child(2) { - border-top: 1px solid var(--cmg-color-lightgray-010); + background-color: var(--cmg-color-lightgray-001); } code, .fixed-width * { @@ -1410,7 +1409,7 @@ td.indented { } .linked-row:hover, .linked-row:hover td { - background-color: var(--cmg-color-lightgray-004) !important; + background-color: var(--cmg-color-lightgray-003) !important; } .menuitembutton { width: 250px;