+
@@ -907,11 +909,6 @@ export default {
align-items: center;
}
- :deep(.rich-text--wrapper) {
- white-space: pre-wrap;
- word-break: break-word;
- }
-
&--quote {
border-left: 4px solid var(--color-primary-element);
padding: 4px 0 0 8px;
@@ -1020,4 +1017,45 @@ export default {
.reaction-details {
padding: 8px;
}
+
+.message-body__main__text--markdown {
+ :deep(.rich-text--wrapper) {
+ h1 {
+ font-weight: bold;
+ font-size: 32px;
+ margin-bottom: 12px;
+ line-height: 36px;
+ color: var(--color-text-light);
+ }
+
+ em {
+ font-style: italic;
+ }
+
+ ul {
+ padding-left: 20px;
+ list-style-type: disc;
+ }
+
+ ol {
+ padding-left: 20px;
+ list-style-type: decimal;
+ }
+
+ pre {
+ padding: 6px;
+ margin: 2px;
+ overflow-x: auto;
+ border-radius: var(--border-radius);
+ background-color: var(--color-background-dark);
+ }
+
+ code, blockquote {
+ padding: 6px;
+ margin: 2px;
+ border-radius: var(--border-radius);
+ background-color: var(--color-background-dark);
+ }
+ }
+}