From 9de77e15240b90c67a36e07050b98585e75e7aed Mon Sep 17 00:00:00 2001
From: Jori Lallo <jtlallo@gmail.com>
Date: Tue, 2 Aug 2016 12:30:41 +0300
Subject: [PATCH] Hide title anchors on edit mode preview

---
 frontend/scenes/DocumentEdit/DocumentEdit.scss     |  9 ---------
 .../components/{ => Preview}/Preview.js            |  6 +++---
 .../DocumentEdit/components/Preview/Preview.scss   | 14 ++++++++++++++
 .../DocumentEdit/components/Preview/index.js       |  2 ++
 4 files changed, 19 insertions(+), 12 deletions(-)
 rename frontend/scenes/DocumentEdit/components/{ => Preview}/Preview.js (75%)
 create mode 100644 frontend/scenes/DocumentEdit/components/Preview/Preview.scss
 create mode 100644 frontend/scenes/DocumentEdit/components/Preview/index.js

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 (
-    <div className={ styles.preview }>
+    <div className={ cx(styles.container) }>
       <DocumentHtml html={ props.html } />
     </div>
   );
@@ -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;