Added CSS style for the Loading Messages, Older Posts, Newer Posts divs

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 46ffb3b..cb3fa60 100644 (file)
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -1,6 +1,7 @@
-/* Copyright (c) 1996-2021 by Art Cancro and the citadel.org team.
-** This program is open source software.  You can redistribute it and/or
-** modify it under the terms of the GNU General Public License, version 3.
+/*
+Copyright (c) 1996-2021 by Art Cancro and the citadel.org team.
+This program is open source software.  You can redistribute it and/or
+modify it under the terms of the GNU General Public License, version 3.

 */
 
 html,body,h1,h2,h3,h4,h5 {
 */
 
 html,body,h1,h2,h3,h4,h5 {


@@ -70,3 +71,12 @@ html,body,h1,h2,h3,h4,h5 {
        float: left;
        padding-right: 2px;
 }
        float: left;
        padding-right: 2px;
 }

+
+.ctdl-forum-nav {
+       text-align: center;
+       color: #ffff00;
+}
+
+.ctdl-forum-nav a {
+       text-decoration: none;
+}

diff --git a/webcit-ng/static/js/views.js b/webcit-ng/static/js/views.js
index 6593782..ecfb556 100644 (file)
--- a/webcit-ng/static/js/views.js
+++ b/webcit-ng/static/js/views.js
@@ -55,7 +55,7 @@ function render_room_view(gt_msg, lt_msg) {
 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
        document.getElementById(target_div).innerHTML = 
 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
        document.getElementById(target_div).innerHTML = 

-               "<div align=\"center\"><i class=\"fas fa-spinner fa-spin\"></i>&nbsp;&nbsp;"
+               "<div class=\"ctdl-forum-nav\"><i class=\"fas fa-spinner fa-spin\"></i>&nbsp;&nbsp;"

                + _("Loading messages from server, please wait") + "</div>";
 
        if (lt_msg < 9999999999) {
                + _("Loading messages from server, please wait") + "</div>";
 
        if (lt_msg < 9999999999) {


@@ -91,7 +91,7 @@ function forum_readmessages(target_div, gt_msg, lt_msg) {
                                }
                                document.getElementById(target_div).innerHTML +=
                                        "<div id=\"" + new_old_div_name + "\">" +
                                }
                                document.getElementById(target_div).innerHTML +=
                                        "<div id=\"" + new_old_div_name + "\">" +

-                                       "<div align=\"center\">" +
+                                       "<div class=\"ctdl-forum-nav\">" +

                                        "<a href=\"javascript:forum_readmessages('" + new_old_div_name + "', 0, " + newlt + ");\">" +
                                        "<i class=\"fa fa-arrow-circle-up\"></i>&nbsp;&nbsp;" +
                                        _("Older posts") + "&nbsp;&nbsp;<i class=\"fa fa-arrow-circle-up\"></a></div></div></a></div></div>" ;
                                        "<a href=\"javascript:forum_readmessages('" + new_old_div_name + "', 0, " + newlt + ");\">" +
                                        "<i class=\"fa fa-arrow-circle-up\"></i>&nbsp;&nbsp;" +
                                        _("Older posts") + "&nbsp;&nbsp;<i class=\"fa fa-arrow-circle-up\"></a></div></div></a></div></div>" ;


@@ -112,7 +112,7 @@ function forum_readmessages(target_div, gt_msg, lt_msg) {
                                }
                                document.getElementById(target_div).innerHTML +=
                                        "<div id=\"" + new_new_div_name + "\">" +
                                }
                                document.getElementById(target_div).innerHTML +=
                                        "<div id=\"" + new_new_div_name + "\">" +

-                                       "<div align=\"center\">" +
+                                       "<div class=\"ctdl-forum-nav\">" +

                                        "<a href=\"javascript:forum_readmessages('" + new_new_div_name + "', " + newgt + ", 9999999999);\">" +
                                        "<i class=\"fa fa-arrow-circle-down\"></i>&nbsp;&nbsp;" +
                                        _("Newer posts") + "&nbsp;&nbsp;<i class=\"fa fa-arrow-circle-down\"></a></div></div>" ;
                                        "<a href=\"javascript:forum_readmessages('" + new_new_div_name + "', " + newgt + ", 9999999999);\">" +
                                        "<i class=\"fa fa-arrow-circle-down\"></i>&nbsp;&nbsp;" +
                                        _("Newer posts") + "&nbsp;&nbsp;<i class=\"fa fa-arrow-circle-down\"></a></div></div>" ;