diff options
Diffstat (limited to 'app/src/main/java/org/terst/feedreader/ui/ReaderWebView.kt')
| -rw-r--r-- | app/src/main/java/org/terst/feedreader/ui/ReaderWebView.kt | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/app/src/main/java/org/terst/feedreader/ui/ReaderWebView.kt b/app/src/main/java/org/terst/feedreader/ui/ReaderWebView.kt index 6d96e79..f1400d3 100644 --- a/app/src/main/java/org/terst/feedreader/ui/ReaderWebView.kt +++ b/app/src/main/java/org/terst/feedreader/ui/ReaderWebView.kt @@ -514,6 +514,13 @@ fun wrapReaderHtml( explicit width/height was deliberately sized by the page itself, so leave those alone -- just cap the ones that would otherwise size themselves. */ svg:not([width]):not([height]) { max-width: 32px; max-height: 32px; } + /* Maths arrives as MathML, which the WebView renders itself -- no script, no webfont, + no stylesheet of KaTeX's (see ReaderExtractor). It only needs containing: an aligned + multi-line derivation is routinely wider than a phone screen, and <math> obeys + neither the img nor the svg clamp above, so without this one wide equation drags the + whole article into horizontal scrolling. */ + math { max-width: 100%; } + math[display="block"] { display: block; overflow-x: auto; overflow-y: hidden; margin: 1em 0; } </style></head> <body>${if (!title.isNullOrBlank()) "<h1 class=\"article-title\">${escapeHtml(title)}</h1>" else ""}${ if (publishedAt != null) "<p class=\"article-date\">${escapeHtml(absoluteDateText(publishedAt))}</p>" else "" |