Tuned up the CSS for message board view. It looks pretty good now.
authorArt Cancro <ajc@citadel.org>
Sat, 30 Oct 2021 20:14:53 +0000 (16:14 -0400)
committerArt Cancro <ajc@citadel.org>
Sat, 30 Oct 2021 20:14:53 +0000 (16:14 -0400)
webcit-ng/static/css/webcit.css
webcit-ng/static/js/views.js

index 4c4c11e..46ffb3b 100644 (file)
@@ -22,6 +22,24 @@ html,body,h1,h2,h3,h4,h5 {
        padding: 4px;           /* inside the box */
 }
 
        padding: 4px;           /* inside the box */
 }
 
+.ctdl-msg-header {
+       padding: 4px;
+}
+
+.ctdl-msg-header-info {
+       float: left;
+}
+
+.ctdl-msg-header-buttons {
+       float: right;
+}
+
+.ctdl-msg-button {
+       padding-left: 2px;
+       padding-right: 2px;
+       font-weight: bold;
+}
+
 .ctdl-avatar {
        width: 32px;
 }
 .ctdl-avatar {
        width: 32px;
 }
@@ -29,11 +47,19 @@ html,body,h1,h2,h3,h4,h5 {
 .ctdl-username {
        font-weight: bold;
        color: #000055;
 .ctdl-username {
        font-weight: bold;
        color: #000055;
-       padding: 4px;
 }
 
 .ctdl-username a {
        text-decoration: none;
 }
 
 .ctdl-username a {
        text-decoration: none;
+       padding-right: 4px;
+}
+
+.ctdl-msgdate {
+       padding-left: 4px;
+}
+
+.ctdl-msgsubject {
+       font-weight: bold;
 }
 
 .ctdl-msg-content {
 }
 
 .ctdl-msg-content {
index 9b07d1d..9e8d029 100644 (file)
@@ -167,12 +167,20 @@ 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
                        + "</div>"                                                      // end avatar
                        + "<div class=\"ctdl-msg-content\">"                            // begin content
                        + "<div class=\"ctdl-msg-header\">"                             // begin header
+                       + "<span class=\"ctdl-msg-header-info\">"                       // begin header info on left side
                        + "<span class=\"ctdl-username\"><a href=\"#\">"                // FIXME link to user profile
                        + msg.from
                        + "<span class=\"ctdl-username\"><a href=\"#\">"                // FIXME link to user profile
                        + msg.from
-                       + "</a></span>"
+                       + "</a></span>"                                                 // end username
                        + "<span class=\"ctdl-msgdate\">"
                        + msg.time
                        + "<span class=\"ctdl-msgdate\">"
                        + msg.time
-                       + "</span>"
+                       + "</span>"                                                     // end msgdate
+                       + "</span>"                                                     // end header info on left side
+                       + "<span class=\"ctdl-msg-header-buttons\">"                    // begin buttons on right side
+                       + "<span class=\"ctdl-msg-button\">Reply</span>"
+                       + "<span class=\"ctdl-msg-button\">Delete</span>"
+                       + "<span class=\"ctdl-msg-button\">Flame</span>"
+                       + "</span>"                                                     // end buttons on right side
+                       + "<br><span class=\"ctdl-msgsubject\">This is a message subject, if present</span>"
                        + "</div>"                                                      // end header
                        + "<div>"                                                       // begin body
                        + msg.text
                        + "</div>"                                                      // end header
                        + "<div>"                                                       // begin body
                        + msg.text