fix styling

editors/demo/src/Editoria/layout/EditorElements.js

 import { css } from 'styled-components';
+import { th } from '@pubsweet/ui-toolkit';
 
 /* All styles regarding ProseMirror surface and elements */
 
-export default css``;
+const fontWriting = css`
+  color: ${th('colorText')};
+  font-family: ${th('fontWriting')};
+  font-size: ${th('fontSizeBase')};
+`;
+
+export default css`
+  .ProseMirror {
+    ${fontWriting}
+  }
+`;

editors/demo/src/HHMI/layout/EditorElements.js

 import { css } from 'styled-components';
+import { th } from '@pubsweet/ui-toolkit';
 
 /* All styles regarding ProseMirror surface and elements */
 
-export default css``;
+const fontWriting = css`
+  color: ${th('colorText')};
+  font-family: ${th('fontWriting')};
+  font-size: ${th('fontSizeBase')};
+`;
+
+export default css`
+  .ProseMirror {
+    ${fontWriting}
+  }
+`;

editors/demo/src/NCBI/layout/EditorElements.js

@@ -14,8 +14,9 @@ export default css`
   .ProseMirror {
     background: white;
     line-height: 12px;
-    width: 497px;
+    width: 492px;
     white-space: pre !important;
     overflow-x: auto;
+    ${fontWriting}
   }
 `;

editors/demo/src/NCBI/layout/EditorMiniElements.js

@@ -17,64 +17,10 @@ export default css`
     line-height: 12px;
     width: 497px;
     ${fontWriting}
-
-    p::selection,
-    h1::selection,
-    h2::selection,
-    h3::selection,
-    code::selection,
-    span::selection,
-    p span::selection,
-    h1 span::selection,
-    h2 span::selection,
-    h3 span::selection,
-    code span::selection title::selection {
-      background-color: transparent;
-    }
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  .ProseMirror .wax-selection-marker {
-    background-color: ${th('colorSelection')};
-  }
-
-  div[contenteditable='false'] {
-    pointer-events: none;
-    user-select: none;
   }
 
   .ProseMirror title {
     display: inline;
     font-size: 14px;
   }
-
-  ul,
-  ol {
-    padding-left: 30px;
-  }
-
-  sup,
-  sub {
-    line-height: 0;
-  }
-
-  p {
-    line-height: 21px;
-  }
-
-  /* placeholder */
-  .empty-node::before {
-    color: #aaa;
-    float: left;
-    font-style: italic;
-    pointer-events: none;
-    height: 0;
-  }
-
-  p.empty-node:first-child::before {
-    content: attr(data-content);
-  }
 `;

wax-prosemirror-core/src/styles/styles.css

@@ -3,7 +3,7 @@
   background: #fff;
   color: #111;
   font-feature-settings: 'liga' 0; /* the above doesn't seem to work in Edge */
-  font-family: 'Merriweather';
+  font-family: 'Arial';
   font-variant-ligatures: none;
   line-height: 1.6;
   font-size: 14px;

wax-prosemirror-services/src/NoteService/Editor.js

@@ -27,7 +27,7 @@ export default ({ node, view }) => {
   let noteView;
   let clickInNote = false;
   let typing = false;
-  // eslint-disable-next-line react/destructuring-assignment
+
   const isEditable = context.view.main.props.editable(editable => {
     return editable;
   });