fix(markdown): update styling to remove overflow (#1671)

* fix(template): u9pdate styling for editor * refactor(editor): update styling to own file
isomerpages · Nov 14, 2023 · e141830 · e141830
1 parent 44ea8f8
commit e141830
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 6 deletions.
diff --git a/src/components/pages/MarkdownEditor.jsx b/src/components/pages/MarkdownEditor.jsx
@@ -7,6 +7,7 @@ import EditorModals from "components/pages/EditorModals"
 import { useMarkdown } from "hooks/useMarkdown"
 
 import editorStyles from "styles/isomer-cms/pages/Editor.module.scss"
+import "./editor.scss"
 
 import {
   boldButton,
@@ -137,6 +138,7 @@ const MarkdownEditor = ({ siteName, onChange, value, isLoading }) => {
       >
         <StatusIcon />
         <SimpleMDE
+          className={editorStyles.cm}
           id="simplemde-editor"
           onChange={onChange}
           value={value}

diff --git a/src/components/pages/editor.scss b/src/components/pages/editor.scss
@@ -0,0 +1,5 @@
+.CodeMirror {
+  height: calc(100% - 6rem) !important;
+
+  overflow-y: scroll;
+}
diff --git a/src/styles/isomer-cms/pages/Editor.module.scss b/src/styles/isomer-cms/pages/Editor.module.scss
@@ -130,6 +130,7 @@
   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
   box-sizing: border-box;
   position: relative;
+  height: calc(100vh - #{$header-height} - #{$footer-height} - 1rem);
 }
 
 .pageEditorSidebarLoading {

diff --git a/src/styles/isomer-template.scss b/src/styles/isomer-template.scss
@@ -12654,7 +12654,7 @@ html.has-navbar-fixed-top-widescreen {
 }
 
 .remove-after:after {
-  content: "" !important
+  content: "" !important;
 }
 
 .bg-primary {
@@ -13073,11 +13073,6 @@ a.navbar-item {
   max-width: 100%;
 }
 
-.CodeMirror {
-  height: 100% !important;
-  overflow-y: scroll;
-}
-
 .page-header-container {
   padding-left: 3.125rem;
   margin: 0 0 !important;