From cc38b9254cf54f33b3cd4c247ee273c1ddad146f Mon Sep 17 00:00:00 2001 From: Thomas Lamprecht Date: Wed, 29 Jan 2020 16:27:48 +0100 Subject: [PATCH] html: avoid horizontal overflows, break-word and limit image width break-work affects very long lines on all widths, as pre/monospaced elements are limited in their available width. This is only a rendering word break, i.e., if one copies the data they will get the original "unbroken" one. The "max-width=100%" enforces only better visuals where space is limited anyway. Signed-off-by: Thomas Lamprecht --- asciidoc/pve-html.conf | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/asciidoc/pve-html.conf b/asciidoc/pve-html.conf index 2722041..c64d2c4 100644 --- a/asciidoc/pve-html.conf +++ b/asciidoc/pve-html.conf @@ -606,6 +606,14 @@ div .toclevel1 { font-size: 1.1em; margin-bottom: 0.3em; } + +.monospaced, code, pre { + overflow-wrap: break-word; +} +img { + max-width: 100%; +} + @media only screen and (min-width: 85em) { div #toc { width: 22em -- 2.39.2