OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Add absolute max height and some improvements for <pre> replies

pull/21833/head
Tulir Asokan 2020-04-10 16:18:06 +03:00
parent da3bd5ebee
commit 6b96a16108
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
res/css/views/rooms/_ReplyTile.scss
View File

@ -34,6 +34,7 @@ limitations under the License.
.mx_ReplyTile .mx_EventTile_content { .mx_ReplyTile .mx_EventTile_content {
$reply-lines: 2; $reply-lines: 2;
$line-height: 22px; $line-height: 22px;
$max-height: 66px;
pointer-events: none; pointer-events: none;
@ -42,12 +43,26 @@ limitations under the License.
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: $reply-lines; -webkit-line-clamp: $reply-lines;
line-height: $line-height; line-height: $line-height;
max-height: $max-height;
.mx_EventTile_body.mx_EventTile_bigEmoji { .mx_EventTile_body.mx_EventTile_bigEmoji {
line-height: $line-height !important; line-height: $line-height !important;
// Override the big emoji override // Override the big emoji override
font-size: 14px !important; font-size: 14px !important;
} }
// Hack to cut content in <pre> 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 { .mx_ReplyTile.mx_ReplyTile_info {