From ef41ff32e2cb16a3757b952a33d29528482685b8 Mon Sep 17 00:00:00 2001 From: r Date: Mon, 19 Oct 2020 06:06:41 +0000 Subject: Add keyboard shortcuts --- static/style.css | 22 ++++++++++++ templates/about.tmpl | 84 ++++++++++++++++++++++++++++++++++++++++++++- templates/nav.tmpl | 20 +++++------ templates/notification.tmpl | 4 +-- templates/postform.tmpl | 19 +++++----- 5 files changed, 125 insertions(+), 24 deletions(-) diff --git a/static/style.css b/static/style.css index 0349c29..9c05eff 100644 --- a/static/style.css +++ b/static/style.css @@ -505,6 +505,22 @@ img.emoji { margin: 8px 0 16px 0; } +.keyboard-shortcuts { + margin-top: 12px; +} + +.keyboard-shortcuts td { + padding: 2px 4px; +} + +kbd { + border-radius: 3px; + padding: 1px 4px; + border: 1px solid #444444; + background-color: #eeeeee; + font-size: 10pt; +} + .dark { background-color: #222222; background-image: none; @@ -548,3 +564,9 @@ img.emoji { background-color: #222222; border-color: #444444; } + +.dark kbd { + background-color: #333333; + border-color: #444444; + color: #eaeaea; +} diff --git a/templates/about.tmpl b/templates/about.tmpl index 1f6fda7..2b4d636 100644 --- a/templates/about.tmpl +++ b/templates/about.tmpl @@ -1,7 +1,7 @@ {{with .Data}} {{template "header.tmpl" (WithContext .CommonData $.Ctx)}} -
About
+
About

A web client for Mastodon Network. @@ -14,6 +14,88 @@

+
Keyboard shortcuts
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
User profile 0
Home timeline 1
Direct timeline 2
Local timeline 3
The Whole Known Network 4
Search 5
About 6
Settings 7
Signout 8
Emoji list L
Edit post E
Post format F
Post scope S
Post NSFW N
Post attachments A
Submit post P
Refresh notifications R
Read notifications C
+

+ You can activate the shortcuts by pressing the associated key with your browser's accesskey modifier, + which is generally Alt + Shift. +

+
+ {{template "footer.tmpl"}} {{end}} diff --git a/templates/nav.tmpl b/templates/nav.tmpl index 293d210..f3db9f1 100644 --- a/templates/nav.tmpl +++ b/templates/nav.tmpl @@ -2,30 +2,30 @@ {{template "header.tmpl" (WithContext .CommonData $.Ctx)}}
diff --git a/templates/notification.tmpl b/templates/notification.tmpl index 6973fa5..059268a 100644 --- a/templates/notification.tmpl +++ b/templates/notification.tmpl @@ -7,11 +7,11 @@ ({{.UnreadCount }}) {{end}}
- refresh + refresh {{if .ReadID}}
- +
{{end}} diff --git a/templates/postform.tmpl b/templates/postform.tmpl index 3bb2457..ac77486 100644 --- a/templates/postform.tmpl +++ b/templates/postform.tmpl @@ -7,24 +7,22 @@ {{else}} {{end}} - + emoji list
- +
{{if gt (len .Formats) 0}} - - {{range .Formats}} {{end}} {{end}} - - @@ -32,17 +30,16 @@ - - + +
- - +
- + {{end}} -- cgit v1.2.3