Merge pull request #118 from datacamp/bb/fix-latex-rendering

ztsorojev · web-flow · commit 8cda8ce7e3cf · 2022-06-28T08:26:52.000-07:00
[CT-3637] - fix/add mathJax property and fix section styles
diff --git a/components/Html.tsx b/components/Html.tsx
@@ -8,13 +8,12 @@ type Props = {
 export default function Html({ children, className }: Props) {
   return (
     <MathJaxContext>
-      <MathJax>
+      <MathJax hideUntilTypeset="first">
         <span
           className={className}
           dangerouslySetInnerHTML={{ __html: children }}
         />
       </MathJax>
     </MathJaxContext>
-    
   );
 }
diff --git a/pages/packages/[package]/versions/[version]/topics/[topic].tsx b/pages/packages/[package]/versions/[version]/topics/[topic].tsx
@@ -123,7 +123,7 @@ export default function TopicPage({ topicData }: Props) {
           {value && (
             <section>
               <h2>Value</h2>
-              <Html>{value}</Html>
+              <Html className="list-view">{value}</Html>
             </section>
           )}
           {sections && sections.length > 0 && (
@@ -144,7 +144,7 @@ export default function TopicPage({ topicData }: Props) {
           {details && (
             <section>
               <h2>Details</h2>
-              <Html>{details}</Html>
+              <Html className="list-view">{details}</Html>
             </section>
           )}
           {references && (
