Fix comment replies

1 files changed, 43 insertions, 0 deletions

diff --git a/static/css/style.css b/static/css/style.css
index 442af67..2fee7bf 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -368,6 +368,25 @@ hr {
     font-size: 8px
 }
 
+.reply-button {
+    background: #eee;
+    border: 1px solid #ccc;
+    color: #666;
+    cursor: pointer;
+    font-size: 8px;
+    padding: 2px 6px;
+    border-radius: 3px;
+    text-transform: uppercase;
+    font-family: inherit;
+    margin-right: 5px
+}
+
+.reply-button:hover {
+    background: #e0e0e0;
+    color: #333;
+    border-color: #999
+}
+
 .reaction {
     background: #eee;
     border: 1px solid #ccc;
@@ -468,6 +487,30 @@ hr {
     color: #999
 }
 
+#reply-preview-area {
+    padding: 10px;
+    background: #fcfcfc;
+    border: 1px dashed #ccc;
+    margin-bottom: 15px;
+}
+
+#reply-preview-area .comment-block {
+    margin-bottom: 0;
+    border-right: 1px solid #eee; /* Visual hint it's a preview */
+}
+
+#cancel-reply {
+    background: #333;
+    color: #fff;
+    border: none;
+    padding: 2px 5px;
+    text-transform: uppercase;
+}
+
+#cancel-reply:hover {
+    background: #cc0000;
+}
+
 .legacy-warning {
     background: linear-gradient(to bottom,#fff3e0 0,#ffe0b2 100%);
     border: 1px dotted #fb8c00;