diff --git a/frontend/scenes/DocumentEdit/DocumentEdit.scss b/frontend/scenes/DocumentEdit/DocumentEdit.scss index 442c4cbf..a068d1c6 100644 --- a/frontend/scenes/DocumentEdit/DocumentEdit.scss +++ b/frontend/scenes/DocumentEdit/DocumentEdit.scss @@ -1,14 +1,5 @@ @import '~styles/constants.scss'; -.preview { - display: flex; - flex: 1; - padding: 50px 0; - padding: 50px 3em; - max-width: 50em; - line-height: 1.5em; -} - .container { display: flex; position: fixed; diff --git a/frontend/scenes/DocumentEdit/components/Preview.js b/frontend/scenes/DocumentEdit/components/Preview/Preview.js similarity index 75% rename from frontend/scenes/DocumentEdit/components/Preview.js rename to frontend/scenes/DocumentEdit/components/Preview/Preview.js index 6a0cb627..e1c99921 100644 --- a/frontend/scenes/DocumentEdit/components/Preview.js +++ b/frontend/scenes/DocumentEdit/components/Preview/Preview.js @@ -2,13 +2,13 @@ import React from 'react'; import { DocumentHtml } from 'components/Document'; -import styles from '../DocumentEdit.scss'; +import styles from './Preview.scss'; import classNames from 'classnames/bind'; const cx = classNames.bind(styles); const Preview = (props) => { return ( -
+
); @@ -18,4 +18,4 @@ Preview.propTypes = { html: React.PropTypes.string.isRequired, }; -export default Preview; \ No newline at end of file +export default Preview; diff --git a/frontend/scenes/DocumentEdit/components/Preview/Preview.scss b/frontend/scenes/DocumentEdit/components/Preview/Preview.scss new file mode 100644 index 00000000..6360c0e1 --- /dev/null +++ b/frontend/scenes/DocumentEdit/components/Preview/Preview.scss @@ -0,0 +1,14 @@ +.container { + display: flex; + flex: 1; + padding: 50px 0; + padding: 50px 3em; + max-width: 50em; + line-height: 1.5em; +} + +.container :global { + h1:hover .anchor { + visibility: hidden; + } +} diff --git a/frontend/scenes/DocumentEdit/components/Preview/index.js b/frontend/scenes/DocumentEdit/components/Preview/index.js new file mode 100644 index 00000000..1f98dc6f --- /dev/null +++ b/frontend/scenes/DocumentEdit/components/Preview/index.js @@ -0,0 +1,2 @@ +import Preview from './Preview'; +export default Preview;