From 9487986b1438f9aaf1063846fb7be25166d6bb7e Mon Sep 17 00:00:00 2001 From: Arlen Johnson Date: Fri, 8 Jul 2022 12:55:40 -0400 Subject: [PATCH 1/3] Clean up sortable index column headers (CFM-190) --- app/webroot/css/co-base.css | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css index 4c48b84ad..bcc0bea84 100644 --- a/app/webroot/css/co-base.css +++ b/app/webroot/css/co-base.css @@ -1301,21 +1301,27 @@ p { /* MDL override */ .warn-level-b td { background-color: var(--cmg-color-yellow-001); } -.asc, -.desc { - color: black; +/* Sortable table headings and icons */ +a.asc, +a.desc { + white-space: nowrap; } a.asc::after, a.desc::after { - position: relative; - right: -2px; - font-style: normal; + display: inline-block; + content: ""; + height: 0; + width: 0; + margin-left: 0.25em; + border: 4px solid transparent; } a.asc::after { - content: "▲"; /*\25b2 in escaped hex*/ + border-bottom-color: var(--cmg-color-blue-001); + margin-bottom: 3px; } a.desc::after { - content: "▼"; /*\25bc in escaped hex*/ + border-top-color: var(--cmg-color-blue-001); + margin-bottom: -3px; } /* CO GRID LAYOUT; currently used only on CO Selection */ .co-grid { @@ -1359,7 +1365,7 @@ th, td { text-align: left; } th { - background-color: var(--cmg-color-lightgray-005); + background-color: var(--cmg-color-lightgray-003); color: var(--cmg-color-black); } td { @@ -1376,12 +1382,6 @@ tr td:last-child { tr.noborder td { border: none; } -tr:nth-child(odd) td { - background-color: var(--cmg-color-lightgray-001); -} -tr:nth-child(even) td { - background-color: var(--cmg-color-white); -} td.indented { border-left: 3em solid var(--cmg-color-white); } From b87bd3b20d94b564de39181595ef0995fcd97c51 Mon Sep 17 00:00:00 2001 From: Arlen Johnson Date: Mon, 11 Jul 2022 09:40:01 -0400 Subject: [PATCH 2/3] Further clean up row highlighting (CFM-190) --- app/webroot/css/co-base.css | 10 +++------- 1 file changed, 3 insertions(+), 7 deletions(-) diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css index bcc0bea84..cd634a39c 100644 --- a/app/webroot/css/co-base.css +++ b/app/webroot/css/co-base.css @@ -1335,15 +1335,11 @@ a.desc::after { } .co-grid .co-grid-header { 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-001); + /*border-left: 1px solid var(--cmg-color-lightgray-005);*/ + /*border-right: 1px solid var(--cmg-color-lightgray-005);*/ } code, .fixed-width * { @@ -1390,7 +1386,7 @@ td.indented { } .linked-row:hover, .linked-row:hover td { - background-color: var(--cmg-color-lightgray-003) !important; + background-color: var(--cmg-color-lightgray-001) !important; } .menuitembutton { width: 250px; From a9545aba37119d6eaee549f6183579e854338ade Mon Sep 17 00:00:00 2001 From: Arlen Johnson Date: Mon, 11 Jul 2022 09:48:57 -0400 Subject: [PATCH 3/3] Further clean up row highlighting - remove deprecated CSS (CFM-190) --- app/webroot/css/co-base.css | 2 -- 1 file changed, 2 deletions(-) diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css index cd634a39c..9feb3775a 100644 --- a/app/webroot/css/co-base.css +++ b/app/webroot/css/co-base.css @@ -1338,8 +1338,6 @@ a.desc::after { } .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);*/ } code, .fixed-width * {