From 29ee99c03e3a38d07e9fed9bc82c4a5d09b10949 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Fri, 1 Oct 2021 18:05:48 -0700
Subject: [PATCH] Styles for the thread page

---
 bookwyrm/settings.py                |  2 +-
 bookwyrm/static/css/bookwyrm.css    | 15 +++++++++++++++
 bookwyrm/templates/feed/thread.html |  6 +++++-
 3 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/bookwyrm/settings.py b/bookwyrm/settings.py
index 895a537a..39469a7a 100644
--- a/bookwyrm/settings.py
+++ b/bookwyrm/settings.py
@@ -13,7 +13,7 @@ VERSION = "0.0.1"
 PAGE_LENGTH = env("PAGE_LENGTH", 15)
 DEFAULT_LANGUAGE = env("DEFAULT_LANGUAGE", "English")
 
-JS_CACHE = "e2bc0653"
+JS_CACHE = "c02929b1"
 
 # email
 EMAIL_BACKEND = env("EMAIL_BACKEND", "django.core.mail.backends.smtp.EmailBackend")
diff --git a/bookwyrm/static/css/bookwyrm.css b/bookwyrm/static/css/bookwyrm.css
index e1012c2f..ac3e66e0 100644
--- a/bookwyrm/static/css/bookwyrm.css
+++ b/bookwyrm/static/css/bookwyrm.css
@@ -492,6 +492,21 @@ ol.ordered-list li::before {
     }
 }
 
+/* Threads
+ ******************************************************************************/
+.thread .is-main .card {
+    box-shadow: 0 0.5em 1em -0.125em rgb(50 115 220 / 35%), 0 0 0 1px rgb(50 115 220 / 2%);
+}
+.thread:after {
+    content:"";
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    bottom: 0;
+    left: 2.5em;
+    border-left: 2px solid #e0e0e0;
+}
+
 /* Dimensions
  * @todo These could be in rem.
  ******************************************************************************/
diff --git a/bookwyrm/templates/feed/thread.html b/bookwyrm/templates/feed/thread.html
index b3b2f2db..c1b624e3 100644
--- a/bookwyrm/templates/feed/thread.html
+++ b/bookwyrm/templates/feed/thread.html
@@ -1,5 +1,7 @@
 {% load status_display %}
 
+<div class="thread-parent is-relative block">
+<div class="thread">
 {% with depth=depth|add:1 %}
     {% if depth <= max_depth and status.reply_parent and direction <= 0 %}
         {% with direction=-1 %}
@@ -7,7 +9,7 @@
         {% endwith %}
     {% endif %}
 
-<div{% if is_root %} class="block mt-5"{% endif %}>
+<div{% if is_root %} class="block mt-5 is-main"{% endif %}>
     {% include 'snippets/status/status.html' with status=status main=is_root %}
 </div>
 
@@ -19,3 +21,5 @@
     {% endfor %}
 {% endif %}
 {% endwith %}
+</div>
+</div>