Rename ReplyThread to ReplyChain to avoid confusion with m.thread

res/css/views/elements/_ReplyChain.scss

@@ -0,0 +1,72 @@
+/*
+Copyright 2018 Vector Creations Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+.mx_ReplyChain {
+    margin-top: 0;
+    margin-left: 0;
+    margin-right: 0;
+    margin-bottom: 8px;
+    padding: 0 10px;
+    border-left: 2px solid $button-bg-color;
+    border-radius: 2px;
+
+    .mx_ReplyChain_show {
+        cursor: pointer;
+    }
+
+    &.mx_ReplyChain_color1 {
+        border-left-color: $username-variant1-color;
+    }
+
+    &.mx_ReplyChain_color2 {
+        border-left-color: $username-variant2-color;
+    }
+
+    &.mx_ReplyChain_color3 {
+        border-left-color: $username-variant3-color;
+    }
+
+    &.mx_ReplyChain_color4 {
+        border-left-color: $username-variant4-color;
+    }
+
+    &.mx_ReplyChain_color5 {
+        border-left-color: $username-variant5-color;
+    }
+
+    &.mx_ReplyChain_color6 {
+        border-left-color: $username-variant6-color;
+    }
+
+    &.mx_ReplyChain_color7 {
+        border-left-color: $username-variant7-color;
+    }
+
+    &.mx_ReplyChain_color8 {
+        border-left-color: $username-variant8-color;
+    }
+}
+
+.mx_ReplyChain--expanded {
+    .mx_EventTile_body {
+        display: block;
+        overflow-y: scroll !important;
+    }
+    .mx_EventTile_collapsedCodeBlock {
+        // !important needed due to .mx_ReplyTile .mx_EventTile_content .mx_EventTile_pre_container > pre
+        display: block !important;
+    }
+}