Style, baby!
authorArt Cancro <ajc@citadel.org>
Sun, 18 Feb 2018 05:50:09 +0000 (00:50 -0500)
committerArt Cancro <ajc@citadel.org>
Sun, 18 Feb 2018 05:50:09 +0000 (00:50 -0500)
webcit-ng/static/css/webcit.css
webcit-ng/static/index.html
webcit-ng/static/js/views.js

index 79c51ee..1bea813 100644 (file)
@@ -7,3 +7,19 @@ html,body,h1,h2,h3,h4,h5
 {
        font-family: verdana, sans-serif
 }
+
+div.ctdl-msg-wrapper
+{
+       background-color: white;
+       margin-left: 2px;
+       margin-top: 4px;
+       margin-bottom: 4px;
+       margin-right: 2px;
+       padding: 4px;           /* inside the box */
+}
+
+div.ctdl-avatar
+{
+       float: left;
+       padding-right: 2px;
+}
index cccd622..617d12b 100644 (file)
@@ -60,9 +60,7 @@
 
 <!-- MAIN PAGE CONTENT DIV -->
 <div id="ctdl-main" class="w3-main" style="margin-left:300px;margin-top:43px;">
-
-die in a car fire
-
+Loading...
 <!-- End page content -->
 </div>
 
index e0f1a49..7945035 100644 (file)
@@ -165,8 +165,8 @@ function render_one(div, msgnum, view)
                                msg = JSON.parse(this.responseText);
 
                                document.getElementById(div).innerHTML =
-                               "<div>"                                                         // begin message wrapper
-                               + "<div style=\"float:left;padding-right:2px\">"                // begin avatar FIXME move to a stylesheet
+                                 "<div class=\"ctdl-msg-wrapper\">"                            // begin message wrapper
+                               + "<div class=\"ctdl-avatar\">"                                 // begin avatar
                                + "<i class=\"fa fa-user-circle fa-2x\"></i> "                  // FIXME temporary avatar
                                + "</div>"                                                      // end avatar
                                + "<div>"                                                       // begin content