html: avoid horizontal overflows, break-word and limit image width
authorThomas Lamprecht <t.lamprecht@proxmox.com>
Wed, 29 Jan 2020 15:27:48 +0000 (16:27 +0100)
committerThomas Lamprecht <t.lamprecht@proxmox.com>
Wed, 29 Jan 2020 15:27:51 +0000 (16:27 +0100)
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>
asciidoc/pve-html.conf

index 2722041..c64d2c4 100644 (file)
@@ -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