mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-01-11 18:00:26 +00:00
Code Issues Releases Wiki Activity

Add styling for <kbd> elements

Browse Source
This commit is contained in:
Jermolene 2015-05-14 10:16:29 +01:00
parent 188f29df92
commit 6942efa628
3 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
editions/tw5.com/tiddlers/howtos/KeyboardShortcuts.tid
View File

@ -1,5 +1,5 @@
created: 20140526204527418 created: 20140526204527418
modified: 20140912141318967 modified: 20150514091409984
tags: Features [[Working with TiddlyWiki]] tags: Features [[Working with TiddlyWiki]]
title: KeyboardShortcuts title: KeyboardShortcuts
type: text/vnd.tiddlywiki type: text/vnd.tiddlywiki
@ -9,5 +9,5 @@ Keyboard shortcut support is currently very limited but will be improved in late
! Editing Shortcuts ! Editing Shortcuts
|Key |Shortcut description | |Key |Shortcut description |
|`Ctrl-Enter` |Confirm changes to the draft tiddler containing the keyboard focus | |<kbd>ctrl-enter</kbd> |Confirm changes to the draft tiddler containing the keyboard focus |
|`Escape` |Abandon changes to the draft tiddler containing the keyboard focus | |<kbd>escape</kbd> |Abandon changes to the draft tiddler containing the keyboard focus |

6
editions/tw5.com/tiddlers/widgets/KeyboardWidget.tid
View File

@ -1,9 +1,9 @@
caption: keyboard
created: 20140302192136805 created: 20140302192136805
modified: 20140302192935781 modified: 20150514091459257
tags: Widgets tags: Widgets
title: KeyboardWidget title: KeyboardWidget
type: text/vnd.tiddlywiki type: text/vnd.tiddlywiki
caption: keyboard
! Introduction ! Introduction
@ -21,7 +21,7 @@ The content of the `<$keyboard>` widget is rendered normally. The keyboard short
! Key Strings ! Key Strings
Key strings are made up of zero or more of the modifiers ''alt'', ''shift'' or ''ctrl'' followed by the name of a key, all joined with "+" plus symbols. Key names are either the letter or digit printed on the key (eg "a" or "1"), or one of the special keys ''backspace'', ''tab'', ''enter'' or ''escape''. Key strings are made up of zero or more of the modifiers <kbd>alt</kbd>, <kbd>shift</kbd> or <kbd>ctrl</kbd> followed by the name of a key, all joined with "+" plus symbols. Key names are either the letter or digit printed on the key (eg "a" or "1"), or one of the special keys <kbd>backspace</kbd>, <kbd>tab</kbd>, <kbd>enter</kbd> or <kbd>escape</kbd>.
For example: For example:

14
themes/tiddlywiki/vanilla/base.tid
View File

@ -135,6 +135,20 @@ svg.tc-image-button {
padding: 0px 1px 1px 0px; padding: 0px 1px 1px 0px;
} }
kbd {
display: inline-block;
padding: 3px 5px;
font-size: 0.8em;
line-height: 1.2;
color: <<colour foreground>>;
vertical-align: middle;
background-color: <<colour background>>;
border: solid 1px <<colour muted-foreground>>;
border-bottom-color: <<colour muted-foreground>>;
border-radius: 3px;
box-shadow: inset 0 -1px 0 <<colour muted-foreground>>;
}
/* /*
Markdown likes putting code elements inside pre elements Markdown likes putting code elements inside pre elements
*/ */