changeset 1084:e135fd873c45

docs: Cosmetic improvements to the navigation bar.
author Ludovic Chabant <ludovic@chabant.com>
date Thu, 15 Feb 2018 22:26:26 -0800
parents 35937f8a52b1
children 3d71cd95f90a
files docs/assets/css/piecrust.scss docs/assets/js/piecrust.js.concat docs/templates/inc/nav-items.html
diffstat 3 files changed, 9 insertions(+), 7 deletions(-) [+]
line wrap: on
line diff
--- a/docs/assets/css/piecrust.scss	Thu Feb 15 22:23:49 2018 -0800
+++ b/docs/assets/css/piecrust.scss	Thu Feb 15 22:26:26 2018 -0800
@@ -73,7 +73,7 @@
 // Customizations
 .navbar {
     padding: 0 1rem;
-    background: #ffffff30;
+    background-color: rgba(255, 255, 255, 0.2);
     text-shadow: #fff 0 0 1em, #fff 0 0 .1em;
 
     a {
@@ -82,12 +82,12 @@
         
         &:hover {
             color: #fff;
-            background: #000000c0 !important;
+            background: rgba(0, 0, 0, 0.8) !important;
             text-shadow: #000 0 0 1em, #000 0 0 .1em;
         }
     }
     a.active {
-        background: #ffffff60;
+        background: rgba(255, 255, 255, 0.4);
     }
 }
 a.navbar-brand {
@@ -163,6 +163,10 @@
     margin: 2em;
 }
 
+#content .highlight {
+    background-color: transparent;
+}
+
 
 // Splash-page
 .pc-splash {
--- a/docs/assets/js/piecrust.js.concat	Thu Feb 15 22:23:49 2018 -0800
+++ b/docs/assets/js/piecrust.js.concat	Thu Feb 15 22:26:26 2018 -0800
@@ -1,6 +1,4 @@
 path_mode: absolute
 files:
   - ../node_modules/jquery/dist/jquery.js
-  - ../node_modules/bootstrap/js/dist/collapse.js
-  - ../node_modules/bootstrap/js/dist/scrollspy.js
 
--- a/docs/templates/inc/nav-items.html	Thu Feb 15 22:23:49 2018 -0800
+++ b/docs/templates/inc/nav-items.html	Thu Feb 15 22:26:26 2018 -0800
@@ -1,6 +1,6 @@
 <ul class="navbar-nav ml-auto">
     <li class="nav-item"><a class="nav-link{% if page.nav_key == 'tutorial' %} active{% endif %}" href="{{ pcurl('getting-started') }}">Getting Started</a></li>
-    <li class="nav-item"><a class="nav-link{% if page.nav_key == 'docs' %} active{% endif %}" href="{{ pcurl('docs') }}">Documentation</a></li>
-    <li class="nav-item"><a class="nav-link{% if page.nav_key == 'code' %} active{% endif %}" href="{{ pcurl('api') }}">Code</a></li>
+    <li class="nav-item"><a class="nav-link{% if page.nav_key == 'docs' %} active{% endif %}" href="{{ docurl('') }}">Documentation</a></li>
+    <li class="nav-item"><a class="nav-link{% if page.nav_key == 'code' %} active{% endif %}" href="{{ apiurl('') }}">Code</a></li>
     <li class="nav-item"><a class="nav-link{% if page.nav_key == 'support' %} active{% endif %}" href="{{ pcurl('support') }}">Support</a></li>
 </ul>