stylized ctdl_mail_folders

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 0a04c1c16a6e819cbe462e6ad62bcc4d2200acc7..824756b1cd42214ebaf8dd6f86814446871ab320 100644 (file)
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -1,5 +1,5 @@
 /*
-       Copyright (c) 1996-2022 by Art Cancro and the citadel.org team.
+       Copyright (c) 1996-2023 by Art Cancro and the citadel.org team.
        This program is open source software.  Use, duplication, or disclosure
        are subject to the terms of the GNU General Public License, version 3.
 */
@@ -274,6 +274,14 @@ html,body,h1,h2,h3,h4,h5 {
        margin-left: 0;
 }
 
+.ctdl_mail_folders li {
+       color: DarkSlateGrey;
+}
+
+.ctdl_mail_folders li:hover {
+       color: Black;
+}
+
 .ctdl-avatar {
        float: left;
        padding-right: 2px;

diff --git a/webcit-ng/static/js/mail_folder_list.js b/webcit-ng/static/js/mail_folder_list.js
index 02007f457611badc2d8f4b2211e0b311273d6b37..c4c18e65de2d6ce5b466e5343dec9b7823427d28 100644 (file)
--- a/webcit-ng/static/js/mail_folder_list.js
+++ b/webcit-ng/static/js/mail_folder_list.js
@@ -47,14 +47,16 @@ function render_mail_folder_list(roomlist_json) {
 
        // Turn it into displayable markup
        let rendered_list = "";
-       rendered_list += "<ul>";
+       rendered_list += "<ul class=\"ctdl_mail_folders\">\n";
        for (let i=0; i<roomlist_json.length; ++i) {
                if (roomlist_json[i].current_view == views.VIEW_MAILBOX) {
-                       rendered_list += "<li>";
-                       rendered_list += ( (roomlist_json[i].name == "Mail") ? _("INBOX") : escapeHTML(roomlist_json[i].name));
+                       rendered_list += "<li onClick=\"gotoroom('" + roomlist_json[i].name + "');\">";
+                       rendered_list += ((roomlist_json[i].name == "Mail") ? _("INBOX") : escapeHTML(roomlist_json[i].name));
+                       rendered_list += "</li>\n";
                }
        }
        rendered_list += "</ul>";
+       console.log(rendered_list);
 
        return rendered_list;
 }