Auto focus on content to allow keyboard navigation
This commit is contained in:
parent
9e9a08806d
commit
c1c06d6dc1
|
@ -137,6 +137,7 @@ table thead td {
|
|||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
outline: 0;
|
||||
padding-right: 15px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -35,6 +35,7 @@
|
|||
right: 0
|
||||
left: 0
|
||||
bottom: 0
|
||||
outline: 0
|
||||
|
||||
padding-right: 15px
|
||||
overflow-y: auto
|
||||
|
|
Loading…
Reference in New Issue