mirror of https://github.com/zulip/zulip.git
message_feed: Fix collapsed messages for highlighted texts.
Fixes #26346.
This commit is contained in:
parent
119f581470
commit
d3c99682c3
|
@ -195,6 +195,35 @@ $time_column_min_width: 50px; /* + padding */
|
|||
all single paragraphs the same.
|
||||
*/
|
||||
padding: 2px 0;
|
||||
color: var(--color-text-message-default);
|
||||
line-height: var(--message-box-line-height);
|
||||
min-height: 17px;
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.condensed {
|
||||
max-height: 8.5em;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
mask-image: linear-gradient(
|
||||
to top,
|
||||
hsl(0deg 0% 100% / 0%) 0%,
|
||||
hsl(0deg 0% 100%) 60px
|
||||
);
|
||||
mask-size: cover;
|
||||
}
|
||||
|
||||
&.collapsed {
|
||||
padding: 0;
|
||||
max-height: 0;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.message_reactions {
|
||||
|
|
|
@ -1695,37 +1695,6 @@ div.focused_table {
|
|||
display: block;
|
||||
}
|
||||
|
||||
.message_content {
|
||||
color: var(--color-text-message-default);
|
||||
line-height: var(--message-box-line-height);
|
||||
min-height: 17px;
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.condensed {
|
||||
max-height: 8.5em;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
mask-image: linear-gradient(
|
||||
to top,
|
||||
hsl(0deg 0% 100% / 0%) 0%,
|
||||
hsl(0deg 0% 100%) 60px
|
||||
);
|
||||
mask-size: cover;
|
||||
}
|
||||
|
||||
&.collapsed {
|
||||
max-height: 0;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue