Просмотр исходного кода

Merge pull request #8141 from weseek/imprv/131744-remove-underline-from-heading

imprv: Fix heading style
Yuki Takei 2 лет назад
Родитель
Сommit
8771cd7cc3

+ 9 - 0
packages/editor/src/components/CodeMirrorEditor/CodeMirrorEditor.module.scss

@@ -4,6 +4,15 @@
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
 
 
+    // Header highlight style
+    .cm-header {
+      text-decoration: none;
+      &:first-of-type {
+        font-style: italic;
+        opacity: 0.5;
+      }
+    }
+
     .cm-header-1 {
     .cm-header-1 {
       font-size: 1.9em;
       font-size: 1.9em;
     }
     }

+ 6 - 6
packages/editor/src/services/codemirror-editor/use-codemirror-editor/use-codemirror-editor.ts

@@ -19,12 +19,12 @@ import { useReplaceText, type ReplaceText } from './utils/replace-text';
 import { useSetCaretLine, type SetCaretLine } from './utils/set-caret-line';
 import { useSetCaretLine, type SetCaretLine } from './utils/set-caret-line';
 
 
 const markdownHighlighting = HighlightStyle.define([
 const markdownHighlighting = HighlightStyle.define([
-  { tag: tags.heading1, class: 'cm-header-1' },
-  { tag: tags.heading2, class: 'cm-header-2' },
-  { tag: tags.heading3, class: 'cm-header-3' },
-  { tag: tags.heading4, class: 'cm-header-4' },
-  { tag: tags.heading5, class: 'cm-header-5' },
-  { tag: tags.heading6, class: 'cm-header-6' },
+  { tag: tags.heading1, class: 'cm-header-1 cm-header' },
+  { tag: tags.heading2, class: 'cm-header-2 cm-header' },
+  { tag: tags.heading3, class: 'cm-header-3 cm-header' },
+  { tag: tags.heading4, class: 'cm-header-4 cm-header' },
+  { tag: tags.heading5, class: 'cm-header-5 cm-header' },
+  { tag: tags.heading6, class: 'cm-header-6 cm-header' },
 ]);
 ]);
 
 
 type UseCodeMirrorEditorUtils = {
 type UseCodeMirrorEditorUtils = {