webview styles: Let LaTeX equations scroll horizontally.

Currently a long LaTeX equation gets cut off from the right instead of scrolling. So, add horizontal scrolling effect.Also take care of bug involving vertical cut off of superscripts in same way as zulip web zulip/zulip#17829 . Fixes: #4017 Signed-off-by: rajprakash00 <[email protected]>
zulip · Mar 31, 2021 · 0250600 · 0250600
1 parent 10b30e7
commit 0250600
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/webview/static/base.css b/src/webview/static/base.css
@@ -572,6 +572,16 @@ hr {
   border-radius: 0.5rem;
 }
 
+/* LaTeX styling */
+.katex-display {
+   /* KaTeX sometimes overdraws its bounding box by a little, so we
+      enlarge its scrolling area by stealing 3px from the margin
+      of the enclosing <p>. */
+  margin: -3px 0;
+  padding: 3px 0;
+  overflow: auto hidden;
+}
+
 /* Taken from the `.spoiler-block` section of the webapp's styles, as
    of zulip/zulip@1cb040647, translated from SCSS to plain CSS. */
 .spoiler-block {