[#200] EasyMDE fixes for preview, full screen, selected text.

TeamDignitas · Oct 22, 2021 · 0147018 · 0147018
1 parent 59feefe
commit 0147018
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/www/css/main.css b/www/css/main.css
@@ -599,6 +599,24 @@ body, main {
  border-left-color: inherit !important;
 }
 
+.CodeMirror-focused .CodeMirror-selected {
+ background-color: var(--bs-gray-200) !important;
+}
+
+.CodeMirror-line::selection,
+.CodeMirror-line > span::selection,
+.CodeMirror-line > span > span::selection {
+ background: var(--bs-gray-200) !important;
+}
+
+.editor-preview {
+ background: var(--bs-gray-100) !important;
+}
+
+.editor-preview-side {
+ border-color: var(--bs-gray-400) !important;
+}
+
 .editor-toolbar {
  align-items: center;
  border-color: var(--bs-gray-400) !important;
@@ -617,6 +635,20 @@ body, main {
  border-color: var(--bs-gray-500) !important;
 }
 
+.editor-toolbar.fullscreen {
+ background: var(--bs-body-bg) !important;
+}
+
+.editor-toolbar.fullscreen::before,
+.editor-toolbar.fullscreen::after {
+ background: none !important;
+}
+
+.editor-toolbar i.separator {
+ border-left-color: var(--bs-gray-400) !important;
+ border-right: 0 !important;
+}
+
 .is-invalid + .EasyMDEContainer > .editor-toolbar,
 .is-invalid + .EasyMDEContainer > .CodeMirror {
  border-color: red;