From 8cfe545042904548cb9cfaecd4d0240aff483483 Mon Sep 17 00:00:00 2001
From: Unrud <unrud@outlook.com>
Date: Sun, 5 Dec 2021 13:55:54 +0100
Subject: [PATCH] Hide <select> and navigation buttons in HTML

---
 assets/default.css                    | 2 +-
 assets/screen-narrow.css              | 2 +-
 assets/screen-noscript.css            | 6 +++---
 assets/screen.css                     | 5 +----
 documentation-generator/template.html | 6 +++---
 5 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/assets/default.css b/assets/default.css
index 81d70ceb..d00a037f 100644
--- a/assets/default.css
+++ b/assets/default.css
@@ -80,7 +80,7 @@ BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
 /* END: https://www.w3.org/TR/CSS22/ */
 
 @media not screen {
-    header .documentBranch select, nav, .navButtonContainer, .headerlink {
+    nav, .headerlink {
         display: none;
     }
 
diff --git a/assets/screen-narrow.css b/assets/screen-narrow.css
index a538d98d..d81db1e0 100644
--- a/assets/screen-narrow.css
+++ b/assets/screen-narrow.css
@@ -49,7 +49,7 @@ main, .navContainer {
     height: 100%;
     top: 0;
     left: 0;
-    display: flex;
+    display: flex !important;
     align-items: start;
     justify-content: flex-end;
     pointer-events: none;
diff --git a/assets/screen-noscript.css b/assets/screen-noscript.css
index 9222faef..d24849bb 100644
--- a/assets/screen-noscript.css
+++ b/assets/screen-noscript.css
@@ -1,5 +1,5 @@
-header .documentBranch::after, header .documentBranch select {
-    display: none;
+header .documentBranch::after, header .documentBranch select, .navButtonContainer {
+    display: none !important;
 }
 
 header .documentBranch span {
@@ -27,7 +27,7 @@ nav .level4 > a::after {
 }
 
 @media all and (max-width: 50em) {
-    nav, .navButtonContainer {
+    nav {
         display: none;
     }
 
diff --git a/assets/screen.css b/assets/screen.css
index d1d8b94a..504ecbae 100644
--- a/assets/screen.css
+++ b/assets/screen.css
@@ -92,6 +92,7 @@ header .documentBranch::after {
 }
 
 header .documentBranch select {
+    display: initial !important;
     background: none;
     color: #efdddd;
     border: none;
@@ -343,10 +344,6 @@ nav .active > ul > .level4 {
     display: initial;
 }
 
-.navButtonContainer {
-    display: none;
-}
-
 .documentContainer p, .documentContainer ul, .documentContainer ol {
     max-width: 42em;
     box-sizing: border-box;
diff --git a/documentation-generator/template.html b/documentation-generator/template.html
index 3f6572f3..dd6c32ff 100644
--- a/documentation-generator/template.html
+++ b/documentation-generator/template.html
@@ -28,7 +28,7 @@ $endif$
             Radicale
             <span class="documentBranch">
                 <span>$branch$</span>
-                <select>
+                <select style="display: none;">
 $for(branches)$
                     <option value="$it.href$"$if(it.default)$ selected$endif$>$it.name$</option>
 $endfor$
@@ -46,12 +46,12 @@ $endfor$
 </header>
 
 <main>
-    <div class="navButtonContainer">
+    <div class="navButtonContainer" style="display: none;">
         <button data-name="nav-open">Contents</button>
     </div>
     <nav>
         <div class="navContainer">
-            <div class="navButtonContainer">
+            <div class="navButtonContainer" style="display: none;">
                 <button data-name="nav-close">Close</button>
             </div>
             <h2>Contents</h2>