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>
(cherry picked from commit 25f39b53fb292ec90368f2afd3678884a1a8bb27)
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/160860

1 files changed, 11 insertions, 11 deletions

diff --git a/source/text/shared/help/browserhelp.xhp b/source/text/shared/help/browserhelp.xhp
index 59ef651b59..1981123291 100644
--- a/source/text/shared/help/browserhelp.xhp
+++ b/source/text/shared/help/browserhelp.xhp
@@ -19,9 +19,9 @@
     <paragraph role="paragraph" id="par_id491525733955136" xml-lang="en-US"><variable id="module">Module</variable></paragraph>
     <paragraph role="paragraph" id="par_id531525734031068" xml-lang="en-US"><variable id="language">Language</variable></paragraph>
     <paragraph role="paragraph" id="par_id991525734084608" xml-lang="en-US"><variable id="contents">Contents</variable></paragraph>
-    <paragraph role="paragraph" id="par_id601525734140935" xml-lang="en-US"><variable id="index">Index</variable></paragraph>
-    <paragraph role="paragraph" id="par_id953832383493636" xml-lang="en-US"><variable id="pholderall">Search in all modules</variable></paragraph>
-    <paragraph role="paragraph" id="par_id335427459543352" xml-lang="en-US"><variable id="pholderchosen">Search in chosen module</variable></paragraph>
+    <paragraph role="paragraph" id="par_id953832383493636" xml-lang="en-US"><variable id="pholderbmarksall">Search in bookmarks for all modules</variable></paragraph>
+    <paragraph role="paragraph" id="par_id335427459543352" xml-lang="en-US"><variable id="pholderbmarkschosen">Search in bookmarks for chosen module</variable></paragraph>
+    <paragraph role="paragraph" id="par_id335427459543353" xml-lang="en-US"><variable id="pholderfullsearch">Search in all help pages</variable></paragraph>
     <paragraph role="paragraph" id="par_id191525734190260" xml-lang="en-US"><variable id="donate">Please support us!</variable></paragraph>
     <paragraph role="paragraph" id="par_id881525734289794" xml-lang="en-US"><variable id="LibreOfficeHelp">%PRODUCTNAME %PRODUCTVERSION Help</variable></paragraph>
     <paragraph role="paragraph" id="par_id421525736799965" xml-lang="en-US"><variable id="copyclip">Click on text to copy to clipboard</variable></paragraph>
@@ -44,11 +44,11 @@
     <paragraph role="paragraph" id="lang_id331525747842279" xml-lang="en-US"><variable id="ca-valencia">Catalan (Valencia)</variable></paragraph>
     <paragraph role="paragraph" id="lang_id981525748227614" xml-lang="en-US"><variable id="zh-CN">Chinese (Simplified)</variable></paragraph>
     <paragraph role="paragraph" id="lang_id361525748230858" xml-lang="en-US"><variable id="zh-TW">Chinese (Traditional)</variable></paragraph>
-    <paragraph role="paragraph" id="lang_id901525748044409" xml-lang="en-US"><variable id="hr">Croatian</variable></paragraph>      
+    <paragraph role="paragraph" id="lang_id901525748044409" xml-lang="en-US"><variable id="hr">Croatian</variable></paragraph>
     <paragraph role="paragraph" id="lang_id541525747847143" xml-lang="en-US"><variable id="cs">Czech</variable></paragraph>
     <paragraph role="paragraph" id="lang_id141525747867126" xml-lang="en-US"><variable id="da">Danish</variable></paragraph>
-    <paragraph role="paragraph" id="lang_id441525748123904" xml-lang="en-US"><variable id="nl">Dutch</variable></paragraph>      
-    <paragraph role="paragraph" id="lang_id831525747962487" xml-lang="en-US"><variable id="dz">Dzongkha</variable></paragraph>      
+    <paragraph role="paragraph" id="lang_id441525748123904" xml-lang="en-US"><variable id="nl">Dutch</variable></paragraph>
+    <paragraph role="paragraph" id="lang_id831525747962487" xml-lang="en-US"><variable id="dz">Dzongkha</variable></paragraph>
     <paragraph role="paragraph" id="lang_id371525747976937" xml-lang="en-US"><variable id="en-GB">English (UK)</variable></paragraph>
     <paragraph role="paragraph" id="lang_id701525747984877" xml-lang="en-US"><variable id="en-ZA">English (SA)</variable></paragraph>
     <paragraph role="paragraph" id="lang_id661525747994007" xml-lang="en-US"><variable id="eo">Esperanto</variable></paragraph>
@@ -59,7 +59,7 @@
     <paragraph role="paragraph" id="lang_id661525748030419" xml-lang="en-US"><variable id="gl">Galician</variable></paragraph>
     <paragraph role="paragraph" id="lang_id181525748093242" xml-lang="en-US"><variable id="ka">Georgian</variable></paragraph>
     <paragraph role="paragraph" id="lang_id131525747872352" xml-lang="en-US"><variable id="de">German</variable></paragraph>
-    <paragraph role="paragraph" id="lang_id631525747969597" xml-lang="en-US"><variable id="el">Greek</variable></paragraph>      
+    <paragraph role="paragraph" id="lang_id631525747969597" xml-lang="en-US"><variable id="el">Greek</variable></paragraph>
     <paragraph role="paragraph" id="lang_id301525748033370" xml-lang="en-US"><variable id="gu">Gujarati</variable></paragraph>
     <paragraph role="paragraph" id="lang_id141525748036295" xml-lang="en-US"><variable id="he">Hebrew</variable></paragraph>
     <paragraph role="paragraph" id="lang_id531525748040396" xml-lang="en-US"><variable id="hi">Hindi</variable></paragraph>
@@ -76,14 +76,14 @@
     <paragraph role="paragraph" id="lang_id131525748114674" xml-lang="en-US"><variable id="mk">Macedonian</variable></paragraph>
     <paragraph role="paragraph" id="lang_id221525748121057" xml-lang="en-US"><variable id="ne">Nepali</variable></paragraph>
     <paragraph role="paragraph" id="lang_id371525748126784" xml-lang="en-US"><variable id="nn">Norwegian Nynorsk</variable></paragraph>
-    <paragraph role="paragraph" id="lang_id441525748118091" xml-lang="en-US"><variable id="nb">Norwegian Bokmål</variable></paragraph>      
+    <paragraph role="paragraph" id="lang_id441525748118091" xml-lang="en-US"><variable id="nb">Norwegian Bokmål</variable></paragraph>
     <paragraph role="paragraph" id="lang_id401525748129935" xml-lang="en-US"><variable id="om">Oromo</variable></paragraph>
     <paragraph role="paragraph" id="lang_id291525748133349" xml-lang="en-US"><variable id="pl">Polish</variable></paragraph>
     <paragraph role="paragraph" id="lang_id631525748136712" xml-lang="en-US"><variable id="pt">Portuguese</variable></paragraph>
     <paragraph role="paragraph" id="lang_id351525748140239" xml-lang="en-US"><variable id="pt-BR">Portuguese (Brazil)</variable></paragraph>
     <paragraph role="paragraph" id="lang_id421525748143274" xml-lang="en-US"><variable id="ro">Romanian</variable></paragraph>
     <paragraph role="paragraph" id="lang_id291525748146064" xml-lang="en-US"><variable id="ru">Russian</variable></paragraph>
-    <paragraph role="paragraph" id="lang_id191525748182094" xml-lang="en-US"><variable id="sid">Sidama</variable></paragraph>      
+    <paragraph role="paragraph" id="lang_id191525748182094" xml-lang="en-US"><variable id="sid">Sidama</variable></paragraph>
     <paragraph role="paragraph" id="lang_id991525748149042" xml-lang="en-US"><variable id="si">Sinhala</variable></paragraph>
     <paragraph role="paragraph" id="lang_id461525748185823" xml-lang="en-US"><variable id="sk">Slovak</variable></paragraph>
     <paragraph role="paragraph" id="lang_id741525748190004" xml-lang="en-US"><variable id="sl">Slovenian</variable></paragraph>
@@ -91,9 +91,9 @@
     <paragraph role="paragraph" id="lang_id281525748193230" xml-lang="en-US"><variable id="hsb">Sorbian (Upper)</variable></paragraph>
     <paragraph role="paragraph" id="lang_id811525748006070" xml-lang="en-US"><variable id="es">Spanish</variable></paragraph>
     <paragraph role="paragraph" id="lang_id481525748203088" xml-lang="en-US"><variable id="sv">Swedish</variable></paragraph>
-    <paragraph role="paragraph" id="lang_id391525748210165" xml-lang="en-US"><variable id="tg">Tajik</variable></paragraph>      
+    <paragraph role="paragraph" id="lang_id391525748210165" xml-lang="en-US"><variable id="tg">Tajik</variable></paragraph>
     <paragraph role="paragraph" id="lang_id191525748206804" xml-lang="en-US"><variable id="ta">Tamil</variable></paragraph>
-    <paragraph role="paragraph" id="lang_id941525747772436" xml-lang="en-US"><variable id="bo">Tibetan</variable></paragraph>      
+    <paragraph role="paragraph" id="lang_id941525747772436" xml-lang="en-US"><variable id="bo">Tibetan</variable></paragraph>
     <paragraph role="paragraph" id="lang_id561525748213759" xml-lang="en-US"><variable id="tr">Turkish</variable></paragraph>
     <paragraph role="paragraph" id="lang_id621525748217482" xml-lang="en-US"><variable id="ug">Uyghur</variable></paragraph>
     <paragraph role="paragraph" id="lang_id861525748221057" xml-lang="en-US"><variable id="uk">Ukrainian</variable></paragraph>