markdown: Present message embeds with logical props.

This commit is contained in:
Karl Stolley
2025-05-21 14:39:26 -05:00
committed by Tim Abbott
parent 753fb56b31
commit 115411ca4a

View File

@@ -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;