diff --git a/res/css/views/rooms/_ReplyTile.scss b/res/css/views/rooms/_ReplyTile.scss index a6cff00ff2..70a383a1cf 100644 --- a/res/css/views/rooms/_ReplyTile.scss +++ b/res/css/views/rooms/_ReplyTile.scss @@ -34,6 +34,7 @@ limitations under the License. .mx_ReplyTile .mx_EventTile_content { $reply-lines: 2; $line-height: 22px; + $max-height: 66px; pointer-events: none; @@ -42,12 +43,26 @@ limitations under the License. -webkit-box-orient: vertical; -webkit-line-clamp: $reply-lines; line-height: $line-height; + max-height: $max-height; .mx_EventTile_body.mx_EventTile_bigEmoji { line-height: $line-height !important; // Override the big emoji override font-size: 14px !important; } + + // Hack to cut content in
 tags too
+    .mx_EventTile_pre_container > pre {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: $reply-lines;
+        padding: 4px;
+    }
+    .markdown-body blockquote, .markdown-body dl, .markdown-body ol, .markdown-body p, .markdown-body pre, .markdown-body table, .markdown-body ul {
+        margin-bottom: 4px;
+    }
 }
 
 .mx_ReplyTile.mx_ReplyTile_info {