mirror of
https://github.com/zulip/zulip.git
synced 2025-11-03 13:33:24 +00:00
markdown: Present message embeds with logical props.
This commit is contained in:
@@ -654,17 +654,12 @@
|
|||||||
|
|
||||||
.message_inline_ref {
|
.message_inline_ref {
|
||||||
margin-bottom: var(--markdown-interelement-space-px);
|
margin-bottom: var(--markdown-interelement-space-px);
|
||||||
margin-left: 5px;
|
margin-inline-start: 5px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
display: block !important;
|
display: block !important;
|
||||||
border: none !important;
|
border: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.rtl .message_inline_ref {
|
|
||||||
margin-left: unset;
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.message_inline_image .media-image-element {
|
.message_inline_image .media-image-element {
|
||||||
cursor: zoom-in;
|
cursor: zoom-in;
|
||||||
}
|
}
|
||||||
@@ -764,7 +759,7 @@
|
|||||||
text works as expected. */
|
text works as expected. */
|
||||||
height: calc(var(--length-message-preview-embeds) + 10px);
|
height: calc(var(--length-message-preview-embeds) + 10px);
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border-left: 3px solid hsl(0deg 0% 93%);
|
border-inline-start: 3px solid hsl(0deg 0% 93%);
|
||||||
|
|
||||||
.message_embed_title {
|
.message_embed_title {
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
@@ -817,14 +812,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Although grid will automatically respond to
|
|
||||||
RTL languages, we still need to manually fix
|
|
||||||
the border here, which is not part of grid. */
|
|
||||||
&.rtl .message_embed {
|
|
||||||
border-left: unset;
|
|
||||||
border-right: 3px solid hsl(0deg 0% 93%);
|
|
||||||
}
|
|
||||||
|
|
||||||
& a {
|
& a {
|
||||||
color: var(--color-markdown-link);
|
color: var(--color-markdown-link);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|||||||
Reference in New Issue
Block a user