From 759d0b1d136f01709cb129ad7c45cebb6dd47c1a Mon Sep 17 00:00:00 2001 From: Oyelakin Mercy Date: Oct 24 2020 14:41:34 +0000 Subject: Apply word break to page for words that don't fit within the available space Signed-off-by: Oyelakin Mercy --- diff --git a/src/css/doc.css b/src/css/doc.css index 343aab8..08c4aa0 100644 --- a/src/css/doc.css +++ b/src/css/doc.css @@ -272,6 +272,10 @@ ul.nav-list { content: attr(title); hyphens: none; } +.doc th.tableblock, +.doc td.tableblock { + word-break: break-word; /* overflow-wrap for table cells; gives space higher precedence than hyphen opportunity */ +} .doc .imageblock { display: flex; diff --git a/src/css/main.css b/src/css/main.css index ed146b2..e48bdeb 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -6,6 +6,10 @@ .main { flex: auto; /* min-width: 0 required for flexbox to constrain overflowing elements */ - min-width: 0; - } + word-wrap: break-word; /* also known as overflow-wrap*/ + min-width: 0; + } + + + }