docs: html: show "Proxmox Backup" in navi for small devices

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>

diff --git a/docs/_templates/sidebar-header.html b/docs/_templates/sidebar-header.html
index c695c856a413ddb331145ead9fe60810438d3af3..61a381d0cd1921a7b69f981f92b7d44d00b6e6a9 100644 (file)
--- a/docs/_templates/sidebar-header.html
+++ b/docs/_templates/sidebar-header.html
@@ -3,4 +3,5 @@
         <img class="logo" src="_static/proxmox-logo.svg" alt="Logo">
     </a>
 </p>
+<h1 class="logo logo-name"><a href="index.html">Proxmox Backup</a></h1>
 <hr style="width:100%;">

diff --git a/docs/custom.css b/docs/custom.css
index 386ad72f2bf86414bef72ad1e8c254515a1583fb..7e94e0c7e6fdf614e6ed7015682d29f10c7974e9 100644 (file)
--- a/docs/custom.css
+++ b/docs/custom.css
@@ -32,7 +32,17 @@ div.sphinxsidebar form.search {
 div.sphinxsidebar h3 {
     width: 100%;
 }
+
+div.sphinxsidebar h1.logo-name {
+    display: none;
+}
 @media screen and (max-width: 875px) {
+    div.sphinxsidebar p.logo {
+        display: initial;
+    }
+    div.sphinxsidebar h1.logo-name {
+        display: block;
+    }
     div.sphinxsidebar span {
         color: #AAA;
     }