Made the bubble icons in the Forums list round, and colored differently based on...

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 4822181551f7965c5f342374a9f785ea7a2616c3..1105a43ab3b1014d070293982a009e2507b3de07 100644 (file)
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -42,7 +42,7 @@ html,body,h1,h2,h3,h4,h5 {
        margin-left: 2px;
        border-radius: 5px;
        background-color: blue;
-       color:black;
+       color: black;
        padding: 2px;
        background-color: GhostWhite;
        border-style: solid;
@@ -165,7 +165,20 @@ blockquote pre {
 }
 
 .ctdl-roomlist-roomicon {
+       overflow: hidden;
        font-size: large;
        margin-left: 1vw;
        margin-right: 1vw;
+       padding-left: 0.75vw;
+       padding-right: 1.75vw;
+       padding-top: 0.75vw;
+       padding-bottom: 0.75vw;
+       border-radius: 50%;
+       background-color: grey;
+       color: black;
+}
+
+.ctdl-roomlist-roomicon-hasnewmsgs {
+       background-color: blue;
+       color: white;
 }

diff --git a/webcit-ng/static/js/roomlist.js b/webcit-ng/static/js/roomlist.js
index 8b6e64e3d75604f4dab73959c4cb5b02de485b3c..b4e9a75f4033763cfe624b540c754023aa46a22a 100644 (file)
--- a/webcit-ng/static/js/roomlist.js
+++ b/webcit-ng/static/js/roomlist.js
@@ -54,8 +54,9 @@ function display_room_list_renderer(floor_list, room_list) {
        for (var i in room_list) {
                if (room_list[i].current_view == views.VIEW_BBS) {
                        output[room_list[i].floor] += "<div class=\"ctdl-roomlist-room\">";
-                       output[room_list[i].floor] += "<i class=\"ctdl-roomlist-roomicon fas fa-comments fa-fw\"></i>";
-                       output[room_list[i].floor] += "<a class=\"ctdl-roomlist-roomname";
+                       output[room_list[i].floor] += "<i class=\"ctdl-roomlist-roomicon fas fa-comments";
+                       output[room_list[i].floor] += (room_list[i].hasnewmsgs ? " ctdl-roomlist-roomicon-hasnewmsgs" : "");
+                       output[room_list[i].floor] += " fa-fw\"></i><a class=\"ctdl-roomlist-roomname";
                        output[room_list[i].floor] += (room_list[i].hasnewmsgs ? " ctdl-roomlist-roomname-hasnewmsgs" : "");
                        output[room_list[i].floor] += "\" href=\"javascript:gotoroom('" + escapeJS(escapeHTML(room_list[i].name)) + "');\">";
                        output[room_list[i].floor] += escapeHTML(room_list[i].name);