From e20dee28508bba8420eb1fb01e43dc23aeaf27f4 Mon Sep 17 00:00:00 2001
From: MassiveJuice <122503558+MasssiveJuice08@users.noreply.github.com>
Date: Fri, 05 Jul 2024 16:25:29 +0000
Subject: [PATCH] Fix: Table `overflow-wrap: anywhere` breaks words on mobile (#1259)
---
quartz/styles/base.scss | 19 +++++++++++++++++--
1 files changed, 17 insertions(+), 2 deletions(-)
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index a7c1b45..37aa8ce 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -43,10 +43,22 @@
.math {
color: var(--darkgray);
fill: var(--darkgray);
- overflow-wrap: anywhere;
hyphens: auto;
}
+p,
+ul,
+text,
+a,
+li,
+ol,
+ul,
+.katex,
+.math {
+ overflow-wrap: anywhere;
+ /* tr and td removed from list of selectors for overflow-wrap, allowing them to use default 'normal' property value */
+}
+
.math {
&.math-display {
text-align: center;
@@ -481,11 +493,14 @@
flex: 1 1 auto;
}
+div:has(> .overflow) {
+ position: relative;
+}
+
ul.overflow,
ol.overflow {
max-height: 400;
overflow-y: auto;
- position: relative;
// clearfix
content: "";
--
Gitblit v1.10.0