From 9249aba2e6b6d5672413d2b72768b62173ffae7e Mon Sep 17 00:00:00 2001 From: Przemek Kaminski <pk@intrepidus.pl> Date: Thu, 16 Jan 2020 12:58:11 +0100 Subject: [PATCH] [Markdown] some simple styling for the editor --- dist/styles/MarkdownEditor.css | 13 +++++++++++++ dist/styles/MarkdownEditor.sass | 8 ++++++++ src/Gargantext/Components/MarkdownEditor.purs | 4 +++- src/index.html | 1 + 4 files changed, 25 insertions(+), 1 deletion(-) create mode 100644 dist/styles/MarkdownEditor.css create mode 100644 dist/styles/MarkdownEditor.sass diff --git a/dist/styles/MarkdownEditor.css b/dist/styles/MarkdownEditor.css new file mode 100644 index 00000000..7c400f6a --- /dev/null +++ b/dist/styles/MarkdownEditor.css @@ -0,0 +1,13 @@ +.markdown-editor { + display: flex; + width: 100%; +} +.markdown-editor .md { + width: 40%; +} +.markdown-editor .html { + width: 60%; + padding-left: 10px; +} + +/*# sourceMappingURL=MarkdownEditor.css.map */ diff --git a/dist/styles/MarkdownEditor.sass b/dist/styles/MarkdownEditor.sass new file mode 100644 index 00000000..741ed2ff --- /dev/null +++ b/dist/styles/MarkdownEditor.sass @@ -0,0 +1,8 @@ +.markdown-editor + display: flex + width: 100% + .md + width: 40% + .html + width: 60% + padding-left: 10px diff --git a/src/Gargantext/Components/MarkdownEditor.purs b/src/Gargantext/Components/MarkdownEditor.purs index bc9d5c92..e208d0bd 100644 --- a/src/Gargantext/Components/MarkdownEditor.purs +++ b/src/Gargantext/Components/MarkdownEditor.purs @@ -54,7 +54,9 @@ markdownEditorCpt = R.hooksComponent "G.C.MarkdownEditor" cpt pure $ H.div { className: "markdown-editor" } [ H.div { className: "md" } [ - H.textarea { on: {change: onChange ref editedMd} } [ H.text $ fst editedMd ] + H.textarea { className: "form-control" + , rows: 30 + , on: {change: onChange ref editedMd} } [ H.text $ fst editedMd ] ] , H.div { ref, className: "html" } [] ] diff --git a/src/index.html b/src/index.html index caa08d9e..fc66e415 100644 --- a/src/index.html +++ b/src/index.html @@ -13,6 +13,7 @@ <link rel="stylesheet" type="text/css" href="styles/menu.css"/> <link href="styles/Graph.css" rel="stylesheet" type="text/css" /> <link href="styles/Login.css" rel="stylesheet" type="text/css" /> + <link href="styles/MarkdownEditor.css" rel="stylesheet" type="text/css" /> <link href="styles/range-slider.css" rel="stylesheet" type="text/css" /> <style> * {margin: 0; padding: 0; list-style: none;} -- 2.21.0