From d6c78a689beea2e1fdff7c4a37265c643f188a19 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Fri, 26 Apr 2019 19:43:30 +0300
Subject: [PATCH] css fix
---
editors/editoria/src/Editoria.js | 8 +++++++-
wax-prosemirror-core/src/Editor.js | 4 ++--
wax-prosemirror-layouts/layouts/editoria-layout.css | 2 +-
3 files changed, 10 insertions(+), 4 deletions(-)
diff --git a/editors/editoria/src/Editoria.js b/editors/editoria/src/Editoria.js
index 91cca482a..69a480fa4 100644
--- a/editors/editoria/src/Editoria.js
+++ b/editors/editoria/src/Editoria.js
@@ -17,6 +17,11 @@ const GlobalStyle = createGlobalStyle`
body {
margin: 0;
padding: 0;
+ overflow-y: hidden;
+ #root {
+ height:100vh;
+ width:100vw;
+ }
}
`;
const StyledWax = styled(Wax)`
@@ -36,10 +41,11 @@ class Editoria extends Component {
placeholder="Type Something..."
theme="editoria"
layout="editoria"
+ debug
renderLayout={({ editor, ...props }) => (
<React.Fragment>
<MainMenuBar {...props} />
- <div className="wax-surface-scroll">{editor}</div>
+ <div className="wax-surface-container">{editor}</div>
</React.Fragment>
)}
/>
diff --git a/wax-prosemirror-core/src/Editor.js b/wax-prosemirror-core/src/Editor.js
index 89d0c28d8..2a18bda56 100644
--- a/wax-prosemirror-core/src/Editor.js
+++ b/wax-prosemirror-core/src/Editor.js
@@ -99,8 +99,8 @@ class Editor extends Component {
render() {
const { theme } = this.props;
const WaxTheme = theme
- ? `wax-surface-container wax-t-${theme}`
- : "wax-surface-container";
+ ? `wax-surface-scroll wax-t-${theme}`
+ : "wax-surface-scroll";
const editor = <div ref={this.createEditorView} className={WaxTheme} />;
return this.props.renderLayout({
diff --git a/wax-prosemirror-layouts/layouts/editoria-layout.css b/wax-prosemirror-layouts/layouts/editoria-layout.css
index 5cce9de53..4fbb9d993 100644
--- a/wax-prosemirror-layouts/layouts/editoria-layout.css
+++ b/wax-prosemirror-layouts/layouts/editoria-layout.css
@@ -46,6 +46,6 @@
right: 0;
top: 0;
box-sizing: border-box;
- padding-top: 45px;
+ padding: 0;
margin-left: 20px;
}
--
GitLab