From 82f6b2adb7cd959bc1b20a5013b662b58e675b37 Mon Sep 17 00:00:00 2001
From: Alexandre Aubin <alex.aubin@mailoo.org>
Date: Mon, 8 Feb 2021 03:59:50 +0100
Subject: [PATCH] Misc css tweaks

---
 themes/yunohost-docs/css/custom.css | 51 +++++++++++++++++++++++++----
 1 file changed, 44 insertions(+), 7 deletions(-)

diff --git a/themes/yunohost-docs/css/custom.css b/themes/yunohost-docs/css/custom.css
index 8392158b..b6801a0b 100644
--- a/themes/yunohost-docs/css/custom.css
+++ b/themes/yunohost-docs/css/custom.css
@@ -107,6 +107,18 @@ h1, h2, h3, h4, h5, h6 {
    margin-left: 0.4em;
 }
 
+.simplebar-content h5 {
+   letter-spacing: 0em;
+   border-top: 1px solid #ddd;
+   padding: 0.8em 0;
+   margin: 0;
+}
+
+/* Hide home page in menu */
+.simplebar-content h5:first-child {
+    display: none;
+}
+
 @font-face {
     font-family: 'Source Sans Pro';
     src: url('../fonts/SourceSansPro-Bold-webfont.eot');
@@ -124,15 +136,11 @@ img#whitelogo {
     padding: 10px;
 }
 
-/* Hide home page in menu */
-.simplebar-content h5:first-child {
-    display: none;
-}
-
 /* Sidebar */
 
 #sidebar-id {
     background-color: #fffefe;
+    border-right: 0.05rem solid #ddd;
 }
 
 body .off-canvas .learn-sidebar a {
@@ -148,6 +156,19 @@ body .off-canvas .learn-sidebar .learn-brand #logo path {
     fill: black!important;
 }
 
+body #top-bar {
+    background: none;
+    border-bottom: none;
+}
+
+body #top-bar #navigation {
+    width: auto;
+}
+body #top-bar #navigation > a {
+    width: 3em;
+    border-left: none;
+}
+
 body #top-bar #breadcrumbs > span span, #top-bar #breadcrumbs > a span {
     font-size: 0.7rem;
 }
@@ -164,6 +185,14 @@ body .off-canvas .learn-sidebar .searchbox ::placeholder {
     color: rgba(68, 68, 68, 0.8);
 }
 
+body .off-canvas .learn-sidebar .learn-nav ul.searched a {
+    color: black;
+}
+
+body .off-canvas .learn-sidebar .learn-nav ul.searched .search-match a:hover, .off-canvas .learn-sidebar .learn-nav ul.searched .search-match a {
+    color: blueviolet;
+}
+
 body .off-canvas .learn-sidebar a:hover {
     color: #37419a;
 }
@@ -173,13 +202,21 @@ body #header .off-canvas .learn-sidebar a:hover {
     text-decoration: underline black;
 }
 
+body .off-canvas .learn-sidebar .learn-nav ul .parent ul {
+    margin-left: 0.5rem;
+}
+
 body .off-canvas .learn-sidebar .learn-nav ul li a > span > b {
     color: black;
 }
 
+body .off-canvas .learn-sidebar .learn-nav ul.topics > li.parent {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
 body .off-canvas .learn-sidebar .learn-nav ul li ul li.active > a {
-    background-color: #7f7f7f3d;
-    border-left: black 2px solid;
+    background-color: rgba(0, 0, 0, 0.1);
+    border-left: 4px solid mediumturquoise;
 }
 
 body .off-canvas .learn-sidebar .learn-nav .read-icon, body .off-canvas .learn-sidebar .searchbox, body .off-canvas .learn-sidebar .search-options .version-chooser select {