fix: scroller is still here when has no preview area

imzbf · Oct 24, 2023 · 26fc483 · 26fc483
1 parent f19f4f6
commit 26fc483
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 8 deletions.
diff --git a/packages/MdEditor/layouts/Content/index.tsx b/packages/MdEditor/layouts/Content/index.tsx
@@ -27,18 +27,25 @@ export default defineComponent({
 
     return () => {
       return (
-        <div class={`${prefix}-content`} ref={contentRef}>
+        <div
+          class={`${prefix}-content${
+            props.setting.htmlPreview || props.setting.preview ? ' has-preview' : ''
+          }`}
+          ref={contentRef}
+        >
           <div
             class={`${prefix}-input-wrapper`}
             style={inputWrapperStyle}
             ref={inputWrapperRef}
           />
 
-          <div
-            class={`${prefix}-resize-operate`}
-            style={resizeOperateStyle}
-            ref={resizeRef}
-          />
+          {(props.setting.htmlPreview || props.setting.preview) && (
+            <div
+              class={`${prefix}-resize-operate`}
+              style={resizeOperateStyle}
+              ref={resizeRef}
+            />
+          )}
 
           <ContentPreview
             modelValue={props.modelValue}

diff --git a/packages/MdEditor/styles/codeMirror.less b/packages/MdEditor/styles/codeMirror.less
@@ -44,9 +44,13 @@
   }
 }
 
-.cm-scroller {
-  overflow-y: scroll;
+.has-preview {
+  .cm-scroller {
+    overflow-y: scroll;
+  }
+}
 
+.cm-scroller {
   // 当没有代码行号的时候，给编辑区一个10的外间距
   .cm-content[contenteditable='true'] {
     margin: 10px;