Issues-488: formating nested comments

Author: atelomycterus

ReplyTo/design/replyto.css

@@ -56,8 +56,103 @@ li.Item.ReplyToDepth-9  {
     margin-left: 14em;
 }
 
-/* Stop indenting any further after 10 levels */
-li.Item.ReplyToDepth-10plus  {
+li.Item.ReplyToDepth-10  {
     margin-left: 15em;
 }
 
+li.Item.ReplyToDepth-11  {
+    margin-left: 16em;
+}
+
+li.Item.ReplyToDepth-12  {
+    margin-left: 17em;
+}
+
+li.Item.ReplyToDepth-13  {
+    margin-left: 18em;
+}
+
+li.Item.ReplyToDepth-14  {
+    margin-left: 19em;
+}
+
+li.Item.ReplyToDepth-15  {
+    margin-left: 20em;
+}
+
+
+/* Stop indenting any further after 15 levels */
+li.Item.ReplyToDepth-16plus {
+    margin-left: 20em;
+}
+
+@media screen and (max-width: 960px) {
+    li.Item.ReplyToDepth-1  {
+        margin-left: 1em;
+    }
+
+    li.Item.ReplyToDepth-2  {
+        margin-left: 1.25em;
+    }
+
+    li.Item.ReplyToDepth-3  {
+        margin-left: 1.5em;
+    }
+
+    li.Item.ReplyToDepth-4  {
+        margin-left: 1.75em;
+    }
+
+    li.Item.ReplyToDepth-5  {
+        margin-left: 2em;
+    }
+
+    /* Reduce the indenting to single ems after 5 levels */
+
+    li.Item.ReplyToDepth-6  {
+        margin-left: 2.25em;
+    }
+
+    li.Item.ReplyToDepth-7  {
+        margin-left: 2.5em;
+    }
+
+    li.Item.ReplyToDepth-8  {
+        margin-left: 2.75em;
+    }
+
+    li.Item.ReplyToDepth-9  {
+        margin-left: 3em;
+    }
+
+    li.Item.ReplyToDepth-10  {
+        margin-left: 3.25em;
+    }
+
+    li.Item.ReplyToDepth-11  {
+        margin-left: 3.5em;
+    }
+
+    li.Item.ReplyToDepth-12  {
+        margin-left: 3.75em;
+    }
+
+    li.Item.ReplyToDepth-13  {
+        margin-left: 4em;
+    }
+
+    li.Item.ReplyToDepth-14  {
+        margin-left: 4.25em;
+    }
+
+    li.Item.ReplyToDepth-15  {
+        margin-left: 4.5em;
+    }
+
+
+    /* Stop indenting any further after 15 levels */
+    li.Item.ReplyToDepth-16plus {
+        margin-left: 5em;
+    }
+
+}

ReplyTo/models/class.replytomodel.php

@@ -293,7 +293,7 @@ public function depthClasses($depth) {
 
         // Add some further classes for blocks of each 5 depth levels, so limits can
         // be set on the way depth is formatted.
-        for ($i = 1; $i <= 100; $i += 5) {
+        for ($i = 1; $i <= 20; $i += 5) {
             if ($depth >= $i) {
                 $Class .= ' ' . $Prefix . '-' . $i . 'plus';
             } else {