From: Art Cancro <ajc@citadel.org>
Date: Tue, 1 Feb 2022 23:46:06 +0000 (-0500)
Subject: Initial commit of the "new" room list.  It's going to be a lot more "traditional... 
X-Git-Tag: v950~27
X-Git-Url: https://code.citadel.org/?a=commitdiff_plain;h=ac8a06f0b34b85b6a08f6e9464267860f8c59786;p=citadel.git

Initial commit of the "new" room list.  It's going to be a lot more "traditional web forum" looking.  I hope I don't regret this.
---

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index ccf78ece7..482218155 100644
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -141,10 +141,31 @@ blockquote pre {
 }
 
 .ctdl-roomlist-floor-label {
-	font-weight: bold;
 	font-size: x-large;
+	margin: 1vw;
 }
 
 .ctdl-roomlist-floor-rooms {
 }
 
+.ctdl-roomlist-room {
+	overflow: hidden;
+	border-radius: 10px;
+	background-color: white;
+	padding: 0.5vw;
+	margin-bottom: 0.5vw;
+}
+
+.ctdl-roomlist-roomname {
+	font-size: large;
+}
+
+.ctdl-roomlist-roomname-hasnewmsgs {
+	font-weight: bold;
+}
+
+.ctdl-roomlist-roomicon {
+	font-size: large;
+	margin-left: 1vw;
+	margin-right: 1vw;
+}
diff --git a/webcit-ng/static/js/roomlist.js b/webcit-ng/static/js/roomlist.js
index 5d22a8597..8b6e64e3d 100644
--- a/webcit-ng/static/js/roomlist.js
+++ b/webcit-ng/static/js/roomlist.js
@@ -53,12 +53,14 @@ 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] += (room_list[i].hasnewmsgs ? "<b>" : "");
-			output[room_list[i].floor] += "<a href=\"javascript:gotoroom('" + escapeJS(escapeHTML(room_list[i].name)) + "');\">";
+			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] += (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);
 			output[room_list[i].floor] += (room_list[i].hasnewmsgs ? "</b>" : "");
-			output[room_list[i].floor] += "</a>";
-			output[room_list[i].floor] += "<br>";
+			output[room_list[i].floor] += "</a></div>";
 		}
 	}