more style changes to the mailbox message list

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 2aad6f5247a1e16cfb2929d344fe55d231b7015a..79fbea5cc1effe1ff745ab33f39b7f5d3add43bd 100644 (file)
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -412,15 +412,13 @@ blockquote pre {
 
 .ctdl-mailbox-table tr {
        cursor: pointer;
-}
-
-.ctdl-mailbox-table tr:nth-child(even) {       /* this gives us the alternating-bar effect */
-       background-color: Gainsboro;
+       border-top: solid 1px LightGrey;
 }
 
 .ctdl-mailbox-table tr:hover {
-       background-color: Blue;
-       color: White;
+       border-top: solid 1px Blue;
+       border-bottom: solid 1px Blue;
+       background-color: LightGrey;
 }
 
 .ctdl-mailbox-table th {
@@ -439,6 +437,11 @@ blockquote pre {
        cursor: default;
 }
 
+.ctdl-mail-selected {
+       background-color: Blue;
+       color: White;
+}
+
 .ctdl-mail-subject {                           /* Subject column in mailbox message list */
 }
 

diff --git a/webcit-ng/static/js/view_mail.js b/webcit-ng/static/js/view_mail.js
index 3742fb94e01352b259a98172a20c5df6b35d1c98..9a8403f9b96490a9974bcff5d605f657733c1d67 100644 (file)
--- a/webcit-ng/static/js/view_mail.js
+++ b/webcit-ng/static/js/view_mail.js
@@ -83,13 +83,13 @@ function mail_display_message(msgnum, target_div) {
 function select_message(msgnum) {
        // unhighlight any previously selected message
        try {
-               document.getElementById("ctdl-msgsum-" + selected_message).classList.remove("w3-blue");
+               document.getElementById("ctdl-msgsum-" + selected_message).classList.remove("ctdl-mail-selected");
        }
        catch {
        }
 
        // highlight the newly selected message
-       document.getElementById("ctdl-msgsum-" + msgnum).classList.add("w3-blue");
+       document.getElementById("ctdl-msgsum-" + msgnum).classList.add("ctdl-mail-selected");
        //document.getElementById("ctdl-msgsum-" + msgnum).scrollIntoView();
 
        // display the message if it isn't already displayed