style(chat/message-content): Enhance heading styles in chat message c…

…omponent (bigbluebutton#21566) * style(chat/message-content): Enhance heading styles in chat message component * Update bigbluebutton-html5/imports/ui/components/chat/chat-graphql/chat-message-list/page/chat-message/message-content/text-content/styles.ts --------- Co-authored-by: Ramón Souza <[email protected]>
antonbsa · Oct 30, 2024 · 981e932 · 981e932
1 parent f530404
commit 981e932
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/...t/chat-graphql/chat-message-list/page/chat-message/message-content/text-content/styles.ts b/...t/chat-graphql/chat-message-list/page/chat-message/message-content/text-content/styles.ts
@@ -31,6 +31,27 @@ export const ChatMessage = styled.div<ChatMessageProps>`
   & code {
     white-space: pre-wrap;
   }
+  & h1 {
+    font-size: 1.5em;
+    margin: 0;
+  }
+  & h2 {
+    font-size: 1.3em;
+    margin: 0;
+  }
+  & h3 {
+    font-size: 1.1em;
+    margin: 0;
+  }
+  & h4 {
+    margin: 0;
+  }
+  & h5 {
+    margin: 0;
+  }
+  & h6 {
+    margin: 0;
+  }
 `;
 
 export default {