From 629847488ba4c8d8fe1aa4883271bed506eaab15 Mon Sep 17 00:00:00 2001
From: Fire Demon <firedemon@creature.cafe>
Date: Sat, 18 Jul 2020 15:03:20 -0500
Subject: [Feature, UI] Visualize thread nesting in Web app

---
 .../glitch/styles/monsterfork/components/status.scss       | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

(limited to 'app/javascript/flavours/glitch/styles/monsterfork')

diff --git a/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss b/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss
index e64f21a21..f7b3a8ccd 100644
--- a/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss
@@ -6,3 +6,17 @@
     font-size: 12px;
   }
 }
+
+@for $i from 0 through 15 {
+  div[data-nest-level="#{$i}"] {
+    border-left: #{$i * 5}px solid darken($ui-base-color, 8%);
+  }
+}
+
+div[data-nest-deep="true"] {
+  border-left: 75px solid darken($ui-base-color, 8%);
+}
+
+.status, .detailed-status {
+  border-bottom: 1px solid darken($ui-base-color, 8%);
+}
\ No newline at end of file
-- 
cgit