actions
/
mdBook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Auto focus on content to allow keyboard navigation

This commit is contained in:
Michal Budzynski 2017-06-15 21:12:28 +02:00
parent 9e9a08806d
commit c1c06d6dc1
4 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/theme/book.css
View File

@ -137,6 +137,7 @@ table thead td {
right: 0; right: 0;
left: 0; left: 0;
bottom: 0; bottom: 0;
outline: 0;
padding-right: 15px; padding-right: 15px;
overflow-y: auto; overflow-y: auto;
} }

5
src/theme/book.js
View File

@ -52,8 +52,9 @@ $( document ).ready(function() {
// Interesting DOM Elements // Interesting DOM Elements
var sidebar = $("#sidebar"); var sidebar = $("#sidebar");
var page_wrapper = $("#page-wrapper");
var content = $("#content"); // Help keyboard navigation by always focusing on page content
$(".page").focus();
// Toggle sidebar // Toggle sidebar
$("#sidebar-toggle").click(sidebarToggle); $("#sidebar-toggle").click(sidebarToggle);

2
src/theme/index.hbs
View File

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

1
src/theme/stylus/page.styl
View File

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