diff options
author | Maxime Quandalle <maxime@quandalle.com> | 2015-08-28 00:32:08 +0200 |
---|---|---|
committer | Maxime Quandalle <maxime@quandalle.com> | 2015-08-28 00:41:50 +0200 |
commit | 35d1d6b463c4a91ab06838896f5531f759696da2 (patch) | |
tree | 9fd93cc1e2e5213509384c19bed415ff787ac188 /client/components/main | |
parent | 31c4aa01bda63e510e120ae9da8149c732111d2a (diff) | |
download | wekan-35d1d6b463c4a91ab06838896f5531f759696da2.tar.gz wekan-35d1d6b463c4a91ab06838896f5531f759696da2.tar.bz2 wekan-35d1d6b463c4a91ab06838896f5531f759696da2.zip |
Display keyboard shortcuts on a modal
Fixes #241
Diffstat (limited to 'client/components/main')
-rw-r--r-- | client/components/main/keyboardShortcuts.styl | 25 | ||||
-rw-r--r-- | client/components/main/keyboardShortcuts.tpl.jade | 9 | ||||
-rw-r--r-- | client/components/main/layouts.styl | 5 |
3 files changed, 37 insertions, 2 deletions
diff --git a/client/components/main/keyboardShortcuts.styl b/client/components/main/keyboardShortcuts.styl new file mode 100644 index 00000000..42e0637b --- /dev/null +++ b/client/components/main/keyboardShortcuts.styl @@ -0,0 +1,25 @@ +.shortcuts-list + .shortcuts-list-item + border-bottom: 1px solid darken(white, 25%) + padding: 10px 5px + + &:last-child + border-bottom: none + + .shortcuts-list-item-keys + margin-top: 5px + float: right + + kbd + padding: 5px 8px + margin: 5px + font-size: 18px + font-weight: bold + background: white + border-radius: 3px + border: 1px solid darken(white, 10%) + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15) + + .shortcuts-list-item-action + font-size: 1.4em + margin: 5px diff --git a/client/components/main/keyboardShortcuts.tpl.jade b/client/components/main/keyboardShortcuts.tpl.jade index 321c2b0a..d10068ed 100644 --- a/client/components/main/keyboardShortcuts.tpl.jade +++ b/client/components/main/keyboardShortcuts.tpl.jade @@ -1,4 +1,11 @@ -.wrapper +.wrapper.shortcuts-list h2 i.fa.fa-keyboard-o | Keyboard shortcuts + + each mapping + .shortcuts-list-item + .shortcuts-list-item-keys + each keys + kbd= this + .shortcuts-list-item-action= action diff --git a/client/components/main/layouts.styl b/client/components/main/layouts.styl index 9a831a40..e9367b11 100644 --- a/client/components/main/layouts.styl +++ b/client/components/main/layouts.styl @@ -39,7 +39,7 @@ body overflow-y: auto .modal-content - width: 660px + width: 500px min-height: 160px margin: 42px auto padding: 12px @@ -47,6 +47,9 @@ body background: darken(white, 13%) z-index: 110 + h2 + margin-bottom: 25px + .modal-close-btn display: block float: right |