From 5795235a475ac09077a08f7a1641ca59bf1025b0 Mon Sep 17 00:00:00 2001
From: Dominik Picheta <dominikpicheta@gmail.com>
Date: Wed, 9 May 2018 13:23:14 +0100
Subject: [PATCH] Load More Threads button in thread list.

---
 redesign/index.html    | 11 +++++++++--
 redesign/nimforum.scss | 21 ++++++++++++++++++++-
 redesign/thread.html   |  2 +-
 3 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/redesign/index.html b/redesign/index.html
index 5d0e13f..b836674 100644
--- a/redesign/index.html
+++ b/redesign/index.html
@@ -96,7 +96,7 @@
             <td class="views-text">14</td>
             <td class="text-success">44m</td>
           </tr>
-          <tr class="last-visit">
+          <tr class="no-border">
             <td>I need help <span class="label label-custom">2</span></td>
             <td><div class="triangle" style="border-bottom: 0.6rem solid #fc7c14;"></div> help</td>
             <td>
@@ -120,7 +120,7 @@
               </span>
             </td>
           </tr>
-          <tr>
+          <tr class="no-border">
             <td>Nim v1.0 is here!</td>
             <td><div class="triangle" style="border-bottom: 0.6rem solid #1f93f3;"></div> announcement</td>
             <td>
@@ -135,6 +135,13 @@
             <td class="super-popular-text">24.2k</td>
             <td class="text-gray">4d</td>
           </tr>
+          <tr class="load-more-separator">
+            <td colspan="6">
+              <span>
+                load more threads
+              </span>
+            </td>
+          </tr>
         </tbody>
       </table>
     </section>
diff --git a/redesign/nimforum.scss b/redesign/nimforum.scss
index 8c5c8d1..eca1060 100644
--- a/redesign/nimforum.scss
+++ b/redesign/nimforum.scss
@@ -136,13 +136,14 @@ $views-color: #545d70;
   }
 }
 
-.last-visit {
+.no-border {
   td {
     border: none;
   }
 }
 
 .triangle {
+  // TODO: Abstract this into a "category" class.
   width: 0;
   height: 0;
   border-left: 0.3rem solid transparent;
@@ -151,6 +152,24 @@ $views-color: #545d70;
   display: inline-block;
 }
 
+.load-more-separator {
+  text-align: center;
+  color: darken($label-color, 35%);
+  // $border-color: desaturate(darken($label-color, 10%), 80%);
+  // border-top: 1px solid $border-color;
+  // border-bottom: 1px solid $border-color;
+  background-color: lighten($label-color, 15%);
+  text-transform: uppercase;
+  font-weight: bold;
+  font-size: 80%;
+  cursor: pointer;
+
+  td {
+    border: none;
+    padding: $control-padding-x $control-padding-y/2;
+  }
+}
+
 // - Thread view
 .title {
   margin-top: $control-padding-y*2;
diff --git a/redesign/thread.html b/redesign/thread.html
index 7b6c470..e1015b2 100644
--- a/redesign/thread.html
+++ b/redesign/thread.html
@@ -205,7 +205,7 @@
               Replying to "Lexers and parsers in nim"
             </div>
             <div class="information-content">
-              
+
             </div>
           </div>
         </div>