diff --git a/experiments/outline-editor/editor.css b/experiments/outline-editor/editor.css index bdb0c7b..7d7c397 100755 --- a/experiments/outline-editor/editor.css +++ b/experiments/outline-editor/editor.css @@ -94,11 +94,10 @@ position: absolute; opacity: 0; } -/* XXX not sure about this yet... */ +/* hide span content but show before/after -- keep bulets and touch zones... */ .editor .outline [tabindex]>textarea:focus+span { position: absolute; top: 0; - margin-top: 0; visibility: hidden; } .editor .outline [tabindex]>textarea:focus+span:before, @@ -235,6 +234,14 @@ editor .outline [tabindex]:focus { /********************************************************** Styles ***/ /* Headings... */ +.editor .outline .heading-1, +.editor .outline .heading-2, +.editor .outline .heading-3, +.editor .outline .heading-4, +.editor .outline .heading-5, +.editor .outline .heading-6 { + margin-top: 1rem; +} .editor .outline .heading-1>span, .editor .outline .heading-1>textarea, .editor .outline .heading-2>span, @@ -247,7 +254,6 @@ editor .outline [tabindex]:focus { .editor .outline .heading-5>textarea, .editor .outline .heading-6>span, .editor .outline .heading-6>textarea { - margin-top: 1rem; font-weight: bold; } .editor .outline .heading-1>span, diff --git a/experiments/outline-editor/editor.js b/experiments/outline-editor/editor.js index 6ab8f82..a323b1f 100755 --- a/experiments/outline-editor/editor.js +++ b/experiments/outline-editor/editor.js @@ -380,6 +380,9 @@ var Outline = { .replace(/((?:https?:|ftps?:)[^\s]*)(\s*)/g, '$1$2') // characters... // XXX use ligatures for these??? + .replace(/(?