tdf#148621 Improve Basic Help layout

- Get rid of tables
- Add normalize-whitespace Prism plugin to get rid of useless indents
- Fix code blocks poking through sticky header
- Add some word wrapping CSS to fix mobile-unfriendliness

Change-Id: I73fd1e0678624b0d4bd5561f50e80990db5567be
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/133096
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>

1 files changed, 6 insertions, 0 deletions

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 085d323a95..2c5e59ac0a 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -121,6 +121,7 @@ pre,
     display: inline;
     padding: 1px 3px;
     font-family: var(--font_mono);
+    word-wrap: anywhere;
 }
 .smathcode {
     border-radius: 2px;
@@ -178,6 +179,10 @@ pre,
 .noteicon, .notetext {
     padding:0.3em;
 }
+/* Override some Prism.js styles */
+code[class*="language-"], pre[class*="language-"] {
+    white-space: pre-wrap;
+}
 
 /* Table related classes */
 
@@ -603,6 +608,7 @@ li.disabled a {
     background: #18A303;
     top: 0px;
     position: sticky;
+    z-index: 100;
 }
 .xapian-omega-search {
     margin: auto;