imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Cleanup _ReplyTile.scss

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-07-16 19:26:04 +02:00
parent 376533e709
commit 41d5865dd7
No known key found for this signature in database
GPG key ID: CC823428E9B582FB
1 changed files with 69 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

142
res/css/views/rooms/_ReplyTile.scss
View file

@ -15,10 +15,9 @@ limitations under the License.
*/ */
.mx_ReplyTile { .mx_ReplyTile {
padding-top: 2px;
padding-bottom: 2px;
font-size: $font-14px;
position: relative; position: relative;
padding: 2px 0;
font-size: $font-14px;
line-height: $font-16px; line-height: $font-16px;
&.mx_ReplyTile_audio .mx_MFileBody_info_icon::before { &.mx_ReplyTile_audio .mx_MFileBody_info_icon::before {
@ -38,86 +37,83 @@ limitations under the License.
display: none; display: none;
} }
} }
}
.mx_ReplyTile > a { > a {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
text-decoration: none; text-decoration: none;
color: $primary-fg-color; color: $primary-fg-color;
}
.mx_ReplyTile .mx_RedactedBody {
padding: 4px 0 2px 20px;
&::before {
height: 13px;
width: 13px;
top: 5px;
}
}
// We do reply size limiting with CSS to avoid duplicating the TextualBody component.
.mx_ReplyTile .mx_EventTile_content {
$reply-lines: 2;
$line-height: $font-22px;
pointer-events: none;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: $reply-lines;
line-height: $line-height;
.mx_EventTile_body.mx_EventTile_bigEmoji {
line-height: $line-height !important;
// Override the big emoji override
font-size: $font-14px !important;
} }
// Hide line numbers .mx_RedactedBody {
.mx_EventTile_lineNumbers { padding: 4px 0 2px 20px;
display: none;
&::before {
height: 13px;
width: 13px;
top: 5px;
}
} }
// Hack to cut content in <pre> tags too // We do reply size limiting with CSS to avoid duplicating the TextualBody component.
.mx_EventTile_pre_container > pre { .mx_EventTile_content {
overflow: hidden; $reply-lines: 2;
$line-height: $font-22px;
pointer-events: none;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: $reply-lines; -webkit-line-clamp: $reply-lines;
padding: 4px; line-height: $line-height;
.mx_EventTile_body.mx_EventTile_bigEmoji {
line-height: $line-height !important;
font-size: $font-14px !important; // Override the big emoji override
}
// Hide line numbers
.mx_EventTile_lineNumbers {
display: none;
}
// 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;
}
} }
.markdown-body blockquote, &.mx_ReplyTile_info {
.markdown-body dl, padding-top: 0;
.markdown-body ol, }
.markdown-body p,
.markdown-body pre, .mx_SenderProfile {
.markdown-body table, font-size: $font-14px;
.markdown-body ul { line-height: $font-17px;
margin-bottom: 4px;
display: inline-block; // anti-zalgo, with overflow hidden
padding: 0;
margin: 0;
// truncate long display names
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} }
} }
.mx_ReplyTile.mx_ReplyTile_info {
padding-top: 0;
}
.mx_ReplyTile .mx_SenderProfile {
color: $primary-fg-color;
font-size: $font-14px;
display: inline-block; /* anti-zalgo, with overflow hidden */
overflow: hidden;
cursor: pointer;
padding-left: 0; /* left gutter */
padding-bottom: 0;
padding-top: 0;
margin: 0;
line-height: $font-17px;
/* the next three lines, along with overflow hidden, truncate long display names */
white-space: nowrap;
text-overflow: ellipsis;
}