From c8f97687501777f54ce431792aba502ade82828a Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Wed, 13 Nov 2019 12:30:09 +0200
Subject: [PATCH] all styles for Prosemirror surface
---
.../src/layouts/EditorElements.js | 17 ++++++++++++++++-
.../src/layouts/EditoriaLayout.js | 14 +-------------
2 files changed, 17 insertions(+), 14 deletions(-)
diff --git a/wax-prosemirror-layouts/src/layouts/EditorElements.js b/wax-prosemirror-layouts/src/layouts/EditorElements.js
index 0f7936e11..0e771f795 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 829765b03..282c09c3e 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 }) => (
--
GitLab