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 {