Merge branch 'master' of github.com:azerupi/mdBook

src/theme/book.css

@@ -137,6 +137,7 @@ table thead td {
   right: 0;
   left: 0;
   bottom: 0;
+  outline: 0;
   padding-right: 15px;
   overflow-y: auto;
 }
@@ -408,6 +409,7 @@ table thead td {
 }
 .light pre > .buttons {
   position: absolute;
+  z-index: 100;
   right: 5px;
   top: 5px;
   color: #364149;
@@ -527,6 +529,7 @@ table thead td {
 }
 .coal pre > .buttons {
   position: absolute;
+  z-index: 100;
   right: 5px;
   top: 5px;
   color: #a1adb8;
@@ -646,6 +649,7 @@ table thead td {
 }
 .navy pre > .buttons {
   position: absolute;
+  z-index: 100;
   right: 5px;
   top: 5px;
   color: #c8c9db;
@@ -765,6 +769,7 @@ table thead td {
 }
 .rust pre > .buttons {
   position: absolute;
+  z-index: 100;
   right: 5px;
   top: 5px;
   color: #c8c9db;
@@ -884,6 +889,7 @@ table thead td {
 }
 .ayu pre > .buttons {
   position: absolute;
+  z-index: 100;
   right: 5px;
   top: 5px;
   color: #c8c9db;

src/theme/book.js

@@ -52,8 +52,9 @@ $( document ).ready(function() {
 
     // Interesting DOM Elements
     var sidebar = $("#sidebar");
-    var page_wrapper = $("#page-wrapper");
-    var content = $("#content");
+
+    // Help keyboard navigation by always focusing on page content
+    $(".page").focus();
 
     // Toggle sidebar
     $("#sidebar-toggle").click(sidebarToggle);
@@ -201,7 +202,7 @@ $( document ).ready(function() {
     var clipboardSnippets = new Clipboard('.clip-button', {
         text: function(trigger) {
             hideTooltip(trigger);
-            return trigger.parentElement.parentElement.textContent;
+            return $(trigger).parents(".playpen").find("code.language-rust.hljs")[0].textContent;
         }
     });
     clipboardSnippets.on('success', function(e) {

src/theme/index.hbs

@@ -76,7 +76,7 @@
 
         <div id="page-wrapper" class="page-wrapper">
 
-            <div class="page">
+            <div class="page" tabindex="-1">
                 <div id="menu-bar" class="menu-bar">
                     <div class="left-buttons">
                         <i id="sidebar-toggle" class="fa fa-bars"></i>

src/theme/stylus/page.styl

@@ -35,6 +35,7 @@
     right: 0
     left: 0
     bottom: 0
+    outline: 0
 
     padding-right: 15px
     overflow-y: auto

src/theme/stylus/themes/base.styl

@@ -117,6 +117,7 @@
 
         & > .buttons {
             position: absolute;
+            z-index: 100;
             right: 5px;
             top: 5px;