fix: Add larger paddings to multi <p> in msg.

fix: Fix children number checking criteria in text processor.
Ikaleio · Oct 20, 2024 · bc3403c · bc3403c
1 parent 8ff00b7
commit bc3403c
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 15 deletions.
diff --git a/src/render/msgpiece_processor.tsx b/src/render/msgpiece_processor.tsx
@@ -147,10 +147,10 @@ const textElementProcessor: FragmentProcessFunc = (parent, element, index) => {
 
     // remove unnecessary wrapping <p> if there is only one element
     let renderedHtmlElement = (new DOMParser).parseFromString(renderedMarkdownInnerHtml, 'text/html');
-    mditLogger('debug', 'renderedHtmlElement.children.length==1', renderedHtmlElement.children.length == 1);
+    mditLogger('debug', 'renderedHtmlElement.body.children.length==1', renderedHtmlElement.body.children.length == 1);
     mditLogger('debug', 'renderedMarkdownInnerHtml.startsWith(p)', renderedMarkdownInnerHtml.startsWith('<p>'));
     mditLogger('debug', 'renderedMarkdownInnerHtml.endsWith(p)', renderedMarkdownInnerHtml.endsWith('</p>'));
-    if ((renderedHtmlElement.children.length == 1)
+    if ((renderedHtmlElement.body.children.length == 1)
         && renderedMarkdownInnerHtml.startsWith('<p>')
         && renderedMarkdownInnerHtml.endsWith('</p>')) {
         renderedMarkdownInnerHtml =

diff --git a/src/style/markdown.css b/src/style/markdown.css
@@ -101,7 +101,7 @@ em {
     font-style: italic;
 }
 
-span > p > img {
+span>p>img {
     max-width: 100%;
     height: auto;
 }
@@ -116,8 +116,8 @@ div.katex-block-rendered {
 }
 
 /* language and copy button style */
-pre.hl-code-block > button.lang_copy,
-div.katex-block-rendered > button.copy_latex {
+pre.hl-code-block>button.lang_copy,
+div.katex-block-rendered>button.copy_latex {
     z-index: 10;
     position: absolute;
     right: 2px;
@@ -134,40 +134,40 @@ div.katex-block-rendered > button.copy_latex {
     transition-duration: 20ms;
 }
 
-pre.hl-code-block > button.lang_copy:active,
-div.katex-block-rendered > button.copy_latex:active {
+pre.hl-code-block>button.lang_copy:active,
+div.katex-block-rendered>button.copy_latex:active {
     transform: scale(0.85);
 }
 
 
 @media (prefers-color-scheme: light) {
 
-    pre.hl-code-block > button.lang_copy,
-    div.katex-block-rendered > button.copy_latex {
+    pre.hl-code-block>button.lang_copy,
+    div.katex-block-rendered>button.copy_latex {
         background-color: rgba(255, 255, 255, 0.5);
         color: black;
     }
 }
 
 @media (prefers-color-scheme: dark) {
 
-    pre.hl-code-block > button.lang_copy,
-    div.katex-block-rendered > button.copy_latex {
+    pre.hl-code-block>button.lang_copy,
+    div.katex-block-rendered>button.copy_latex {
         background-color: rgba(0, 0, 0, 0.5);
         color: white;
     }
 }
 
-pre.hl-code-block:not(:hover) > button.lang_copy,
-div.katex-block-rendered:not(:hover) > button.copy_latex {
+pre.hl-code-block:not(:hover)>button.lang_copy,
+div.katex-block-rendered:not(:hover)>button.copy_latex {
     display: none;
 }
 
-pre.hl-code-block > button.lang_copy:hover > p.lang {
+pre.hl-code-block>button.lang_copy:hover>p.lang {
     display: none;
 }
 
-pre.hl-code-block > button.lang_copy:not(:hover) > p.copy {
+pre.hl-code-block>button.lang_copy:not(:hover)>p.copy {
     display: none;
 }
 
@@ -177,6 +177,11 @@ pre.hl-code-block > button.lang_copy:not(:hover) > p.copy {
     flex-direction: row;
 } */
 
+
+.mix-message__inner>.text-element>p+p {
+    padding-top: 14px;
+}
+
 .lite-tools-slot.embed-slot {
     flex: none;
 }