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

View File

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

View File

@ -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);

View File

@ -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>

View File

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