Add CSS to restore navigation in mobile and better links (#6533)
Joel Hans committed
Jul 24, 2019 at 09:49 UTC
8e695f03c9e8425ff88222b2dfbc0f43f9962cf3
1 file changed
+18
-3
docs/generator/custom/css/netdata.css
+18
-3
@@ -6,6 +6,12 @@
6
font-size: .75rem
7
}
8
9
+/* Underline text */
10
+
11
+.md-typeset a:not(.nav-button):not(.md-icon):not(.headerlink) {
12
+ border-bottom: 1px solid #272b30;
13
+}
14
+
15
/* Custom styling for the new documentation homepage.
16
In particular, the three buttons for install/getting started/configuration. */
17
@@ -36,9 +42,13 @@
42
text-align: center;
43
}
44
39
-/* Hide the label at the top of the navigation menu. Does nothing. */
40
-.md-nav__title {
41
- display: none;
45
+/* Hide the label at the top of the navigation menu. Does nothing.
46
+ Well, it does do something on mobile, and this media query makes
47
+ sure it's hidden only on screens wide enough to not use the mobile sidebar. */
48
+@media only screen and (min-width:76.25em) {
49
+ .md-nav--primary .md-nav__title {
50
+ display: none;
51
+ }
52
}
53
54
/* Change the language selector dropdown to match new color. */
@@ -57,4 +67,9 @@
67
/* Make sure inline code in tables doesn't break. */
68
.md-typeset__table code {
69
word-break: normal;
70
+}
71
+
72
+/* Bold the first item on the docs sidebar: Netdata Documentation */
73
+.md-nav--primary > .md-nav__list > .md-nav__item:first-of-type {
74
+ font-weight: 700;
75
}
\ No newline at end of file