The buttons now look like buttons, the reply button has a nice reply icon in it,...
authorArt Cancro <ajc@citadel.org>
Fri, 5 Nov 2021 23:41:04 +0000 (19:41 -0400)
committerArt Cancro <ajc@citadel.org>
Fri, 5 Nov 2021 23:41:04 +0000 (19:41 -0400)
webcit-ng/static/css/webcit.css
webcit-ng/static/js/views.js

index 3fa6b84..55b1619 100644 (file)
@@ -38,9 +38,23 @@ html,body,h1,h2,h3,h4,h5 {
 }
 
 .ctdl-msg-button {
 }
 
 .ctdl-msg-button {
-       padding-left: 2px;
-       padding-right: 2px;
-       font-weight: bold;
+       margin-left: 2px;
+       border-radius: 5px;
+       background-color: blue;
+       padding: 2px;
+       background-color: GhostWhite;
+       border-style: solid;
+       border-width: thin;
+}
+
+.ctdl-msg-button:hover {
+       background-color: black;
+       color: GhostWhite;
+       border-style: none;
+}
+
+.ctdl-msg-button a {
+       text-decoration: none;
 }
 
 .ctdl-avatar {
 }
 
 .ctdl-avatar {
index f4d8e22..39bbd4e 100644 (file)
@@ -176,9 +176,12 @@ function forum_render_one(div, msgnum, scroll_to) {
                        + "</span>"                                                     // end msgdate
                        + "</span>"                                                     // end header info on left side
                        + "<span class=\"ctdl-msg-header-buttons\">"                    // begin buttons on right side
                        + "</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 class=\"ctdl-msg-button\"><a href=\"#\">"
+                       + "<i class=\"fa fa-reply\" aria-hidden=\"true\"></i> " 
+                       + _("Reply")
+                       + "</a></span>"
+                       + "<span class=\"ctdl-msg-button\"><a href=\"#\">Delete</a></span>"
+                       + "<span class=\"ctdl-msg-button\"><a href=\"#\">Flame</a></span>"
                        + "</span>";                                                    // end buttons on right side
                        if (msg.subj) {
                                outmsg +=
                        + "</span>";                                                    // end buttons on right side
                        if (msg.subj) {
                                outmsg +=