apply css to on-edit

packages/app/src/components/PageEditor.tsx

@@ -429,7 +429,6 @@ const PageEditor = (props: Props): JSX.Element => {
   return (
     <div className="d-flex flex-wrap">
       <div className="page-editor-editor-container flex-grow-1 flex-basis-0 mw-0">
-      EditorAny
         <EditorAny
           ref={editorRef}
           value={markdown}
@@ -447,7 +446,6 @@ const PageEditor = (props: Props): JSX.Element => {
         />
       </div>
       <div className="d-none d-lg-block page-editor-preview-container flex-grow-1 flex-basis-0 mw-0">
-      Preview
         <Preview
           markdown={markdown}
           rendererOptions={rendererOptions}

packages/app/src/styles/_on-edit.scss

@@ -1,5 +1,10 @@
+@import './bootstrap/init' ;
+@import './variables' ;
+@import './mixins' ;
+@import 'sidebar-wiki';
 @import 'editor-overlay';
 
+
 body:not(.on-edit) {
   // hide .page-editor-footer
   .page-editor-footer {

packages/app/src/styles/style-next.scss

@@ -47,7 +47,7 @@
 // @import 'modal';
 // @import 'navbar';
 // @import 'old-ios';
-// @import 'on-edit';
+@import 'on-edit';
 // @import 'page-duplicate-modal';
 // @import 'page_list';
 // @import 'page-accessories-control';