From 8c678a515d30be19fa771e9e6c3a7dd8f0b4f5a1 Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <karan.jayachandra@nxp.com>
Date: Tue, 26 Sep 2023 13:46:27 +0200
Subject: Fixed the width of the latex equations

---
 layouts/partials/custom_head.html | 16 ++++------------
 layouts/partials/katex.html       | 17 ++++++++++++++++-
 2 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/layouts/partials/custom_head.html b/layouts/partials/custom_head.html
index 97c539e..4b7705a 100644
--- a/layouts/partials/custom_head.html
+++ b/layouts/partials/custom_head.html
@@ -1,12 +1,4 @@
-{{ if .Params.math }}{{ partial "katex.html" . }}{{ end }}
-
-<script>
-  document.addEventListener("DOMContentLoaded", function() {
-      renderMathInElement(document.body, {
-          delimiters: [
-              {left: "$$", right: "$$", display: true},
-              {left: "$", right: "$", display: false}
-          ]
-      });
-  });
-</script>
\ No newline at end of file
+{{ range .Site.Params.custom_css -}}
+    <link rel="stylesheet" href="{{ . | absURL }}">
+{{- end }}
+{{ if .Params.math }}{{ partial "katex.html" . }}{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/katex.html b/layouts/partials/katex.html
index bc9fde0..69c9302 100644
--- a/layouts/partials/katex.html
+++ b/layouts/partials/katex.html
@@ -1,3 +1,18 @@
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css">
+<style>
+    .katex-display > .katex {
+        max-width: 100%;
+        overflow-x: scroll;
+    }
+</style>
 <script defer src="https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.js"></script>
-<script defer src="https://cdn.jsdelivr.net/npm/katex@latest/dist/contrib/auto-render.min.js" onload="renderMathInElement(document.body);"></script>
\ No newline at end of file
+<script defer src="https://cdn.jsdelivr.net/npm/katex@latest/dist/contrib/auto-render.min.js" onload="renderMathInElement(document.body);">
+    document.addEventListener("DOMContentLoaded", function() {
+        renderMathInElement(document.body, {
+            delimiters: [
+                {left: "$$", right: "$$", display: true},
+                {left: "$", right: "$", display: false}
+            ]
+        });
+    });
+</script>
\ No newline at end of file
-- 
cgit v1.3.1