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 <t.lamprecht@proxmox.com>

diff --git a/asciidoc/pve-html.conf b/asciidoc/pve-html.conf
index 2722041b9c4daa45423e994378a2a22fa9292625..c64d2c45d8d56a13b5fb62536eb29833c5e3fdbb 100644 (file)
--- 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