From 8bd5f6fca462d191bf2c8fabca197a3fd0bd4f53 Mon Sep 17 00:00:00 2001
From: Canop
Date: Fri, 8 Mar 2019 16:28:52 +0100
Subject: fix readability problems in the doc
---
website/docs/css/extra.css | 26 +++++++++++++++++++++++++-
website/docs/index.md | 10 +++++-----
2 files changed, 30 insertions(+), 6 deletions(-)
diff --git a/website/docs/css/extra.css b/website/docs/css/extra.css
index 7871cf6..f9babec 100644
--- a/website/docs/css/extra.css
+++ b/website/docs/css/extra.css
@@ -47,7 +47,15 @@ kbd.b {
border-radius: 0;
margin: 10px auto 20px auto;
}
-
+.navbar-collapse {
+ padding-left: 0;
+}
+.bs-sidenav.nav li {
+ padding-left: 10px;
+}
+.bs-sidenav.nav li.main {
+ padding-left: 0px;
+}
.navbar-brand {
background: url(../img/vache-blanche.svg) no-repeat;
background-position: left center;
@@ -55,6 +63,22 @@ kbd.b {
padding-left: 50px;
}
+.bs-sidebar .nav > li > a {
+ border-right: 1px solid transparent;
+}
+.bs-sidebar .nav > .active > a,
+.bs-sidebar .nav > .active:hover > a,
+.bs-sidebar .nav > .active:focus > a {
+ font-weight: initial;
+ background-color: #bed7e632;
+ border-right: 1px solid;
+}
+.bs-sidebar .nav > .main.active > a,
+.bs-sidebar .nav > .main.active:hover > a,
+.bs-sidebar .nav > .main.active:focus > a {
+ font-weight: bold;
+}
+
/******************/
/* custom classes */
diff --git a/website/docs/index.md b/website/docs/index.md
index 3c9a6b8..fd02e3a 100644
--- a/website/docs/index.md
+++ b/website/docs/index.md
@@ -4,7 +4,7 @@
-# Get an overview of a directory, even a big one:
+# Get an overview of a directory, even a big one
![overview](img/20190128-overview.png)
@@ -12,7 +12,7 @@ Notice the "unlisted"? That's what makes it usable where the old `tree` command
`.gitignore` files are properly dealt with to put unwanted files out of your way (you can ignore them though, see documentation).
-# Find a directory then `cd` to it:
+# Find a directory then `cd` to it
![cd](img/20190128-cd.png)
@@ -28,7 +28,7 @@ Most useful keys for this:
* `` to get back to the shell having `cd` to the selected directory
* `:q` if you just want to quit (`` works too)
-# Never lose track of file hierarchy while you search:
+# Never lose track of file hierarchy while you search
![size](img/20190212-mycnf.png)
@@ -36,13 +36,13 @@ broot tries to select the most relevant file. You can still go from one match to
You may also search with a regular expression. To do this, add a `/` before or after the pattern.
-# See what takes space:
+# See what takes space
![size](img/20190128-only-folders-with-size.png)
To toggle size display, type `:s`. Sizes are computed in the background, you don't have to wait for them when you navigate.
-# Apply a personal shortcut to a file:
+# Apply a personal shortcut to a file
![size](img/20190128-edit.png)
--
cgit v1.2.3