💄 fix cursor visibility

This commit is contained in:
TC
2026-06-18 10:20:05 +10:00
parent f328760246
commit b9c832162b
2 changed files with 6 additions and 1 deletions

View File

@@ -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' },

View File

@@ -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;