Use overflow:hidden style to keep the user avatar photo from breaking through the...

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 7a5ba5d5edfd13fe180a09701025f08ee924108c..4c4c11e700e1d4337099f3361d28671f645571dd 100644 (file)
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -12,6 +12,7 @@ html,body,h1,h2,h3,h4,h5 {
 }
 
 .ctdl-msg-wrapper {
+       overflow: hidden;
        border-radius: 25px;
        background-color: white;
        margin-left: 4px;
@@ -28,6 +29,7 @@ html,body,h1,h2,h3,h4,h5 {
 .ctdl-username {
        font-weight: bold;
        color: #000055;
+       padding: 4px;
 }
 
 .ctdl-username a {

diff --git a/webcit-ng/static/js/views.js b/webcit-ng/static/js/views.js
index 00f68b0b1e2a6e28a568c3219a4fdef91864b58f..9b07d1d0cdf11559b31ef00ee4b569ef341725a4 100644 (file)
--- a/webcit-ng/static/js/views.js
+++ b/webcit-ng/static/js/views.js
@@ -15,19 +15,19 @@
 // List of defined views shamelessly swiped from libcitadel headers
 //
 var views = {
-       VIEW_BBS                : 0,    /* Bulletin board view */
-       VIEW_MAILBOX            : 1,    /* Mailbox summary */
-       VIEW_ADDRESSBOOK        : 2,    /* Address book view */
-       VIEW_CALENDAR           : 3,    /* Calendar view */
-       VIEW_TASKS              : 4,    /* Tasks view */
-       VIEW_NOTES              : 5,    /* Notes view */
-       VIEW_WIKI               : 6,    /* Wiki view */
-       VIEW_CALBRIEF           : 7,    /* Brief Calendar view */
-       VIEW_JOURNAL            : 8,    /* Journal view */
-       VIEW_DRAFTS             : 9,    /* Drafts view */
-       VIEW_BLOG               : 10,   /* Blog view */
-       VIEW_QUEUE              : 11,   /* SMTP QUEUE rooms */
-       VIEW_WIKIMD             : 12,   /* Markdown Wiki view */
+       VIEW_BBS                : 0,    // Bulletin board view
+       VIEW_MAILBOX            : 1,    // Mailbox summary
+       VIEW_ADDRESSBOOK        : 2,    // Address book view
+       VIEW_CALENDAR           : 3,    // Calendar view
+       VIEW_TASKS              : 4,    // Tasks view
+       VIEW_NOTES              : 5,    // Notes view
+       VIEW_WIKI               : 6,    // Wiki view
+       VIEW_CALBRIEF           : 7,    // Brief Calendar view
+       VIEW_JOURNAL            : 8,    // Journal view
+       VIEW_DRAFTS             : 9,    // Drafts view
+       VIEW_BLOG               : 10,   // Blog view
+       VIEW_QUEUE              : 11,   // SMTP queue rooms
+       VIEW_WIKIMD             : 12,   // markdown wiki (no longer implemented)
 };
 
 
@@ -50,7 +50,7 @@ function render_room_view(gt_msg, lt_msg) {
 }
 
 
-// Forum view (flat) -- let's have another go at this with the rendering done client-side
+// Forum view (flat) -- all rendering is done client-side
 //
 function forum_readmessages(target_div, gt_msg, lt_msg) {
        original_text = document.getElementById(target_div).innerHTML;          // in case we need to replace it after an error
@@ -159,7 +159,6 @@ function forum_render_one(div, msgnum, scroll_to) {
                response = await fetch("/ctdl/r/" + escapeHTMLURI(current_room) + "/" + msgs[i] + "/json");
                msg = await response.json();
                if (response.ok) {
-
                        document.getElementById(div).innerHTML =
                          "<div class=\"ctdl-msg-wrapper\">"                            // begin message wrapper
                        + "<div class=\"ctdl-avatar\">"                                 // begin avatar
@@ -168,7 +167,7 @@ function forum_render_one(div, msgnum, scroll_to) {
                        + "</div>"                                                      // end avatar
                        + "<div class=\"ctdl-msg-content\">"                            // begin content
                        + "<div class=\"ctdl-msg-header\">"                             // begin header
-                       + "<span class=\"ctdl-username\"><a href=\"#\">"        // FIXME link to user profile
+                       + "<span class=\"ctdl-username\"><a href=\"#\">"                // FIXME link to user profile
                        + msg.from
                        + "</a></span>"
                        + "<span class=\"ctdl-msgdate\">"