michael/pyfedi
1
0
Fork 0
mirror of https://codeberg.org/rimu/pyfedi synced 2025-02-03 00:31:25 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Go to side pane keyboard nav

Browse source
This commit is contained in:
rimu 2024-02-05 08:39:08 +13:00
parent 25f7eaf812
commit 843d4eb03a
19 changed files with 21 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/static/js/scripts.js
View file

@ -386,6 +386,9 @@ var showCurrentPost = false; // when true, the currently selected post will b
function setupKeyboardShortcuts() { function setupKeyboardShortcuts() {
document.addEventListener('keydown', function(event) { document.addEventListener('keydown', function(event) {
if (document.activeElement.tagName !== 'INPUT' && document.activeElement.tagName !== 'TEXTAREA') { if (document.activeElement.tagName !== 'INPUT' && document.activeElement.tagName !== 'TEXTAREA') {
if(document.activeElement.tagName !== 'A' && document.activeElement.classList.contains('skip-link')) {
return;
}
var didSomething = false; var didSomething = false;
if(event.shiftKey && event.key === '?') { if(event.shiftKey && event.key === '?') {
location.href = '/keyboard_shortcuts'; location.href = '/keyboard_shortcuts';

1
app/templates/base.html
View file

@ -92,6 +92,7 @@
</head> </head>
<body class="d-flex flex-column{{ ' low_bandwidth' if low_bandwidth }}"> <body class="d-flex flex-column{{ ' low_bandwidth' if low_bandwidth }}">
<a href="#outer_container" class="skip-link" role="navigation" aria-label="Skip main navigation" tabindex="">Skip to main content</a> <a href="#outer_container" class="skip-link" role="navigation" aria-label="Skip main navigation" tabindex="">Skip to main content</a>
<a href="#side_pane" class="skip-link" role="navigation" aria-label="Go to side pane" tabindex="">Go to side pane</a>
<!-- Page content --> <!-- Page content -->
{% block navbar %} {% block navbar %}
<div class="navbar navbar-expand-lg"> <div class="navbar navbar-expand-lg">

2
app/templates/community/add_post.html
View file

@ -97,7 +97,7 @@
</form> </form>
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
<div class="card mt-3"> <div class="card mt-3">
<div class="card-header"> <div class="card-header">
<h2>{{ community.title }}</h2> <h2>{{ community.title }}</h2>

2
app/templates/community/community.html
View file

@ -96,7 +96,7 @@
</nav> </nav>
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">

2
app/templates/domain/domain.html
View file

@ -34,7 +34,7 @@
</nav> </nav>
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
{% if current_user.is_authenticated %} {% if current_user.is_authenticated %}
<div class="card mt-3"> <div class="card mt-3">
<div class="card-header"> <div class="card-header">

2
app/templates/domain/domains.html
View file

@ -44,7 +44,7 @@
</nav> </nav>
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
</aside> </aside>
</div> </div>

2
app/templates/donate.html
View file

@ -16,7 +16,7 @@
<p>Liberapay is preferred as it has lower fees.</p> <p>Liberapay is preferred as it has lower fees.</p>
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
<div class="card mt-3"> <div class="card mt-3">
<div class="card-header"> <div class="card-header">
<h2>{{ _('About %(site_name)s', site_name=g.site.name) }}</h2> <h2>{{ _('About %(site_name)s', site_name=g.site.name) }}</h2>

2
app/templates/index.html
View file

@ -28,7 +28,7 @@
</nav> </nav>
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
<!-- <div class="card"> <!-- <div class="card">
<div class="card-body"> <div class="card-body">
<form method="get"> <form method="get">

2
app/templates/keyboard_shortcuts.html
View file

@ -53,7 +53,7 @@
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
<div class="card mt-3"> <div class="card mt-3">
<div class="card-header"> <div class="card-header">
<h2>{{ _('About %(site_name)s', site_name=g.site.name) }}</h2> <h2>{{ _('About %(site_name)s', site_name=g.site.name) }}</h2>

2
app/templates/post/add_reply.html
View file

@ -31,7 +31,7 @@
{% endif %} {% endif %}
</div> </div>
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">

2
app/templates/post/continue_discussion.html
View file

@ -83,7 +83,7 @@
</div> </div>
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">

2
app/templates/post/post.html
View file

@ -150,7 +150,7 @@
{% endif %} {% endif %}
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">

2
app/templates/post/post_edit.html
View file

@ -133,7 +133,7 @@
</form> </form>
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
<div class="card mt-3"> <div class="card mt-3">
<div class="card-header"> <div class="card-header">
<h2>{{ post.community.title }}</h2> <h2>{{ post.community.title }}</h2>

2
app/templates/post/post_reply_edit.html
View file

@ -31,7 +31,7 @@
{% endif %} {% endif %}
</div> </div>
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">

2
app/templates/privacy.html
View file

@ -71,7 +71,7 @@
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
</aside> </aside>
</div> </div>

2
app/templates/topic/show_topic.html
View file

@ -47,7 +47,7 @@
</nav> </nav>
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
{% if topic_communities %} {% if topic_communities %}
<div class="card mt-3"> <div class="card mt-3">
<div class="card-header"> <div class="card-header">

2
app/templates/user/notifications.html
View file

@ -38,7 +38,7 @@
{% endif %} {% endif %}
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
<div class="card mt-3"> <div class="card mt-3">
<div class="card-header"> <div class="card-header">

2
app/templates/user/people.html
View file

@ -29,7 +29,7 @@
{% endif %} {% endif %}
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
<div class="card mt-3"> <div class="card mt-3">
<div class="card-header"> <div class="card-header">

2
app/templates/user/show_profile.html
View file

@ -100,7 +100,7 @@
{% endif %} {% endif %}
</div> </div>
<aside class="col-12 col-md-4 side_pane" role="complementary"> <aside id="side_pane" class="col-12 col-md-4 side_pane" role="complementary">
{% if current_user.is_authenticated and current_user.id == user.id %} {% if current_user.is_authenticated and current_user.id == user.id %}
<div class="card mt-3"> <div class="card mt-3">
<div class="card-header"> <div class="card-header">