diff --git a/wax-prosemirror-layouts/src/layouts/EditorElements.js b/wax-prosemirror-layouts/src/layouts/EditorElements.js index 0f7936e1178cddbb4d386ffc791cb431d1ca4574..0e771f795ab3ad4cfd99e82b2d46b83fc579db99 100644 --- a/wax-prosemirror-layouts/src/layouts/EditorElements.js +++ b/wax-prosemirror-layouts/src/layouts/EditorElements.js @@ -1,6 +1,20 @@ import styled, { css } from "styled-components"; +/* All styles regarding ProseMirror surface and elements */ + export default css`{ + .ProseMirror { + -moz-box-shadow: 0 0 3px #ccc; + -webkit-box-shadow: 0 0 3px #ccc; + box-shadow: 0 0 3px #ccc; + width: 65%; + min-height: 90%; + padding: 40px; + font-family: ${props => props.theme.fontReading}; + &:focus { + outline: none; + } + } hr { padding: 2px 10px; border: none; @@ -74,7 +88,8 @@ export default css`{ background-color: #adf; pointer-events: none; } - .ProseMirror.resize-cursor.resize-cursor { + + .ProseMirror.resize-cursor { cursor: ew-resize; cursor: col-resize; } diff --git a/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js b/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js index 829765b03f580d28c7ecf0a807da1fb80d509ce3..282c09c3e00b778337a4467d45815d6ba4ed2c25 100644 --- a/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js +++ b/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js @@ -27,19 +27,7 @@ const WaxSurfaceScroll = styled.div` padding: 0; margin-left: 14%; padding: 2px; - .ProseMirror { - -moz-box-shadow: 0 0 3px #ccc; - -webkit-box-shadow: 0 0 3px #ccc; - box-shadow: 0 0 3px #ccc; - width: 65%; - min-height: 90%; - padding: 40px; - font-family: ${props => props.theme.fontReading}; - &:focus { - outline: none; - } - ${EditorElements}; - } + ${EditorElements}; `; const EditoriaLayout = ({ editor, view, ...props }) => (