💄 fix cursor visibility
This commit is contained in:
@@ -53,7 +53,7 @@ export function MarkdownEditor(): JSX.Element {
|
|||||||
'.cm-scroller': { overflow: 'auto', fontFamily: editorFont === 'mono' ? '"JetBrains Mono", "Fira Code", monospace' : 'Georgia, "Times New Roman", serif', fontSize: `${fontSize}px`, lineHeight: '1.9' },
|
'.cm-scroller': { overflow: 'auto', fontFamily: editorFont === 'mono' ? '"JetBrains Mono", "Fira Code", monospace' : 'Georgia, "Times New Roman", serif', fontSize: `${fontSize}px`, lineHeight: '1.9' },
|
||||||
'.cm-content': { padding: '40px 32px 40px', maxWidth: '640px', margin: '0 auto' },
|
'.cm-content': { padding: '40px 32px 40px', maxWidth: '640px', margin: '0 auto' },
|
||||||
'.cm-line': { padding: '0' },
|
'.cm-line': { padding: '0' },
|
||||||
'.cm-cursor': { borderLeftColor: 'var(--accent)' },
|
'.cm-cursor, .cm-dropCursor': { borderLeftColor: 'var(--accent)', borderLeftWidth: '2px' },
|
||||||
'.cm-selectionBackground': { background: 'rgba(139,117,255,0.18) !important' },
|
'.cm-selectionBackground': { background: 'rgba(139,117,255,0.18) !important' },
|
||||||
'.cm-focused .cm-selectionBackground': { background: 'rgba(139,117,255,0.28) !important' },
|
'.cm-focused .cm-selectionBackground': { background: 'rgba(139,117,255,0.28) !important' },
|
||||||
'.cm-gutters': { background: 'transparent', border: 'none', color: 'var(--text3)', fontSize: '11px' },
|
'.cm-gutters': { background: 'transparent', border: 'none', color: 'var(--text3)', fontSize: '11px' },
|
||||||
|
|||||||
@@ -58,6 +58,11 @@ input[type="checkbox"] { width: auto; padding: 0; }
|
|||||||
input:focus, textarea:focus, select:focus { border-color: var(--accent); }
|
input:focus, textarea:focus, select:focus { border-color: var(--accent); }
|
||||||
textarea { resize: vertical; }
|
textarea { resize: vertical; }
|
||||||
|
|
||||||
|
/* ── CodeMirror cursor ────────────────────────────────────────────────────── */
|
||||||
|
.cm-editor .cm-cursor,
|
||||||
|
.cm-editor .cm-dropCursor { border-left-color: var(--accent) !important; border-left-width: 2px !important; }
|
||||||
|
.cm-editor .cm-content { caret-color: var(--accent); }
|
||||||
|
|
||||||
/* ── Layout ───────────────────────────────────────────────────────────────── */
|
/* ── Layout ───────────────────────────────────────────────────────────────── */
|
||||||
.app-layout {
|
.app-layout {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|||||||
Reference in New Issue
Block a user