diff options
author | Saturnino Abril <saturnino.abril@gmail.com> | 2017-09-04 04:12:38 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-09-04 04:12:38 +0800 |
commit | 967a0df0f87e6fe942e9a7a1183014d299526e94 (patch) | |
tree | 897de5f1d0d09781c915009ff4d66322002e0ba1 /webapp | |
parent | 94c9138c1986cb35b930f6e3e98993b851f69ef9 (diff) | |
download | chat-967a0df0f87e6fe942e9a7a1183014d299526e94.tar.gz chat-967a0df0f87e6fe942e9a7a1183014d299526e94.tar.bz2 chat-967a0df0f87e6fe942e9a7a1183014d299526e94.zip |
[PLT-7471] Slight modifications to keyboards dialog (#7325)
* slight modifications to keyboards dialog
* Updating shortcuts modal
Diffstat (limited to 'webapp')
-rw-r--r-- | webapp/components/shortcuts_modal.jsx | 17 | ||||
-rw-r--r-- | webapp/sass/routes/_shortcuts-modal.scss | 27 |
2 files changed, 35 insertions, 9 deletions
diff --git a/webapp/components/shortcuts_modal.jsx b/webapp/components/shortcuts_modal.jsx index 32a3f9c4b..3bbfcb660 100644 --- a/webapp/components/shortcuts_modal.jsx +++ b/webapp/components/shortcuts_modal.jsx @@ -12,8 +12,14 @@ import React from 'react'; const allShortcuts = defineMessages({ mainHeader: { - id: 'shortcuts.header', - defaultMessage: 'Keyboard Shortcuts' + default: { + id: 'shortcuts.header', + defaultMessage: 'Keyboard Shortcuts\tCtrl|/' + }, + mac: { + id: 'shortcuts.header.mac', + defaultMessage: 'Keyboard Shortcuts\t⌘|/' + } }, navHeader: { id: 'shortcuts.nav.header', @@ -103,10 +109,6 @@ const allShortcuts = defineMessages({ id: 'shortcuts.msgs.header', defaultMessage: 'Messages' }, - msgMarkAsRead: { - id: 'shortcuts.msgs.mark_as_read', - defaultMessage: 'Mark current channel as read:\tEsc' - }, msgInputHeader: { id: 'shortcuts.msgs.input.header', defaultMessage: 'Works inside an empty input field' @@ -296,7 +298,7 @@ class ShortcutsModal extends React.PureComponent { <div className='shortcuts-content'> <Modal.Header closeButton={true}> <Modal.Title> - <strong>{formatMessage(shortcuts.mainHeader)}</strong> + <strong>{renderShortcut(formatMessage(shortcuts.mainHeader))}</strong> </Modal.Title> </Modal.Header> <Modal.Body ref='modalBody'> @@ -320,7 +322,6 @@ class ShortcutsModal extends React.PureComponent { <div className='section'> <div> <h4 className='section-title'><strong>{formatMessage(shortcuts.msgHeader)}</strong></h4> - {renderShortcut(formatMessage(shortcuts.msgMarkAsRead))} <span><strong>{formatMessage(shortcuts.msgInputHeader)}</strong></span> <div className='subsection'> {renderShortcut(formatMessage(shortcuts.msgEdit))} diff --git a/webapp/sass/routes/_shortcuts-modal.scss b/webapp/sass/routes/_shortcuts-modal.scss index 817239f2f..854340b2c 100644 --- a/webapp/sass/routes/_shortcuts-modal.scss +++ b/webapp/sass/routes/_shortcuts-modal.scss @@ -11,18 +11,43 @@ background: transparent; border: none; color: inherit; - padding: 40px 40px 20px; + padding: 20px 40px 20px; .close { color: inherit; font-size: 28px; font-weight: normal; right: 35px; + top: 35px; } .modal-title { color: inherit; font-size: 20px; + + > div { + &:first-child { + margin-bottom: 2.5em; + } + } + + .shortcut-line { + margin: 17px 0; + + span { + &:first-child { + margin-right: 5px; + } + } + + .shortcut-key { + border-radius: 3px; + font-size: .9em; + font-weight: 500; + margin: 5px 0 5px 5px; + padding: 1px 5px; + } + } } } } |