From 86566bcd396a4405067d0ddf09f76cfb2e30715a Mon Sep 17 00:00:00 2001 From: rubenwardy Date: Sun, 23 Dec 2018 17:02:02 +0000 Subject: Improve markdown editor style, switch to EasyMDE, add to comment reply fields --- app/scss/components.scss | 28 +++++++++++++++++++++++----- 1 file changed, 23 insertions(+), 5 deletions(-) (limited to 'app/scss') diff --git a/app/scss/components.scss b/app/scss/components.scss index 4789a79..9724914 100644 --- a/app/scss/components.scss +++ b/app/scss/components.scss @@ -80,14 +80,32 @@ color: #7ac; } -.editor-toolbar { - background-color: #333 !important; +.editor-toolbar, .editor-toolbar.fullscreen { + margin-bottom: 0 !important; + background-color: #444 !important; + border: none !important; + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0 !important; + border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important; } -.CodeMirror { - background-color: #222 !important; +.editor-toolbar button { + color: white; +} + +.editor-toolbar button.active, .editor-toolbar button:hover { + background: #375a7f !important; + color: white !important; } -.editor-preview-side { +.editor-toolbar.fullscreen::before, .editor-toolbar.fullscreen::after { + display: none !important; +} + +// .CodeMirror { +// background-color: #222 !important; +// } + +.editor-preview-side, .editor-preview { background-color: #222 !important; + color: white !important; } -- cgit v1.2.3