diff --git a/frontend/components/Layout/Layout.js b/frontend/components/Layout/Layout.js index f72064a7b..79f85039f 100644 --- a/frontend/components/Layout/Layout.js +++ b/frontend/components/Layout/Layout.js @@ -73,11 +73,6 @@ type Props = { this.props.ui.setActiveModal('keyboard-shortcuts'); } - @keydown('shift+3') - openMarkdownShortcuts() { - this.props.ui.setActiveModal('markdown-shortcuts'); - } - handleCreateCollection = () => { this.props.ui.setActiveModal('collection-new'); }; diff --git a/frontend/components/Layout/components/Modals.js b/frontend/components/Layout/components/Modals.js index 3d14bf025..37193b8b1 100644 --- a/frontend/components/Layout/components/Modals.js +++ b/frontend/components/Layout/components/Modals.js @@ -8,7 +8,6 @@ import CollectionEdit from 'scenes/CollectionEdit'; import CollectionDelete from 'scenes/CollectionDelete'; import DocumentDelete from 'scenes/DocumentDelete'; import KeyboardShortcuts from 'scenes/KeyboardShortcuts'; -import MarkdownShortcuts from 'scenes/MarkdownShortcuts'; import Settings from 'scenes/Settings'; @observer class Modals extends Component { @@ -52,9 +51,6 @@ import Settings from 'scenes/Settings'; - - - diff --git a/frontend/scenes/KeyboardShortcuts/KeyboardShortcuts.js b/frontend/scenes/KeyboardShortcuts/KeyboardShortcuts.js index c4cd1df0c..037b05a12 100644 --- a/frontend/scenes/KeyboardShortcuts/KeyboardShortcuts.js +++ b/frontend/scenes/KeyboardShortcuts/KeyboardShortcuts.js @@ -10,18 +10,13 @@ function KeyboardShortcuts() { Atlas is designed to be super fast and easy to use. - All of your usual keyboard shortcuts work here. + All of your usual keyboard shortcuts work here, and there + {"'"} + s Markdown too. + +

Navigation

- Cmd + Enter - - - Cmd + S - - - Cmd + Esc - - e @@ -36,9 +31,59 @@ function KeyboardShortcuts() { ? + - # - +

Editor

+ + Cmd + Enter + + Cmd + S + + Cmd + Esc + + + Cmd + b + + Cmd + i + + Cmd + u + + Cmd + z + + Cmd + Shift + z + + + +

Markdown

+ + # Space + + ## Space + + ### Space + + + 1. Space + + - Space + + [ ] Space + + > Space + + --- + + {'```'} + + + _italic_ + + **bold** + + ~~strikethrough~~ + + {'`code`'} +
); diff --git a/frontend/scenes/MarkdownShortcuts/MarkdownShortcuts.js b/frontend/scenes/MarkdownShortcuts/MarkdownShortcuts.js deleted file mode 100644 index ff84ecf1d..000000000 --- a/frontend/scenes/MarkdownShortcuts/MarkdownShortcuts.js +++ /dev/null @@ -1,71 +0,0 @@ -// @flow -import React from 'react'; -import styled from 'styled-components'; -import Key from 'components/Key'; -import Flex from 'components/Flex'; -import HelpText from 'components/HelpText'; - -function MarkdownShortcuts() { - return ( - - - Know a little markdown syntax? You - {"'"} - re going to love all of the markdown - shortcuts built right into the Atlas editor. - - - # Space - - ## Space - - ### Space - - - 1. Space - - - Space - - [ ] Space - - > Space - - --- - - {'```'} - - _italic_ - - **bold** - - ~~strikethrough~~ - - {'`code`'} - - - - ); -} - -const List = styled.dl` - width: 100%; - overflow: hidden; - padding: 0; - margin: 0 -`; - -const Keys = styled.dt` - float: left; - width: 25%; - padding: 0 0 4px; - margin: 0 -`; - -const Label = styled.dd` - float: left; - width: 75%; - padding: 0 0 4px; - margin: 0 -`; - -export default MarkdownShortcuts; diff --git a/frontend/scenes/MarkdownShortcuts/index.js b/frontend/scenes/MarkdownShortcuts/index.js deleted file mode 100644 index 1a6460e75..000000000 --- a/frontend/scenes/MarkdownShortcuts/index.js +++ /dev/null @@ -1,3 +0,0 @@ -// @flow -import MarkdownShortcuts from './MarkdownShortcuts'; -export default MarkdownShortcuts; diff --git a/frontend/styles/base.css b/frontend/styles/base.css index 27eabf039..d7d50a1f2 100644 --- a/frontend/styles/base.css +++ b/frontend/styles/base.css @@ -137,3 +137,7 @@ hr { .activeDropZone a { color: #FFF !important; } + +.ReactModal__Body--open { + overflow: hidden; +}