Make Help navigation layout less busy

Bookmarks don't have to be visible all the time, so make them a
dropdown and move the search box to header.

Move Xapian search to the top of the content area.

Make Contents tree appear on the left side in 960px and wider screens.

Simplify/clean up some CSS and JS, for example for module colours.

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

1 files changed, 2 insertions, 13 deletions

diff --git a/help3xsl/help2.js b/help3xsl/help2.js
index 684136245d..c6bf1948e4 100644
--- a/help3xsl/help2.js
+++ b/help3xsl/help2.js
@@ -70,7 +70,6 @@ function setSystemSpan(spanZ) {
 }
 
 // paint headers and headings with appl color
-
 function moduleColor (module) {
     switch (module){
         case "WRITER" : {color="#083fa6"; break;}
@@ -84,18 +83,8 @@ function moduleColor (module) {
         case "SHARED" : {color="darkslategray"; break;}
         default : {color="#18A303"; break;}
     }
-    document.getElementById("TopLeftHeader").style.background = color;
-    document.getElementById("SearchFrame").style.background = color;
-    document.getElementById("DonationFrame").style.background = color;
-    var cols = document.getElementsByClassName('tableheadcell');
-    for(i = 0; i < cols.length; i++) {cols[i].style.backgroundColor = color;};
-    for (j of [1,2,3,4,5,6]) {
-        var hh = document.getElementsByTagName("H" + j);
-        for(i = 0; i < hh.length; i++) {
-            hh[i].style.color = color;
-            hh[i].style.borderBottomColor = color;
-        }
-    }
+    let root = document.documentElement;
+    root.style.setProperty('--module-color', color);
 }
 
 /* add &DbPAR= and &System= to the links in DisplayArea div */