From 30e033c66019e27c482eee3361beb040360315bf Mon Sep 17 00:00:00 2001
From: MartinAramayo <gabriel.m.aramayo@gmail.com>
Date: Sat, 29 Oct 2022 09:38:44 -0300
Subject: [PATCH] feat(article): make long KaTeX equations scrollable in the
 x-axis (#706)

* Make long KaTeX equations scrollable in the x-axis

Suggested from: https://katex.org/docs/issues.html, I have tested it adding a long equation and activating a phone user agent.

* refactor: move KaTeX style to article.scss
---
 assets/scss/partials/layout/article.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss
index 6199118..97c7e77 100644
--- a/assets/scss/partials/layout/article.scss
+++ b/assets/scss/partials/layout/article.scss
@@ -412,4 +412,10 @@
         margin-right: calc((var(--card-padding)) * -1);
         width: calc(100% + var(--card-padding) * 2);
     }
+
+    /// Make long KaTeX equations scrollable in the x-axis
+    .katex-display > .katex {
+        overflow-x: auto;
+        overflow-y: hidden;
+    }
 }