forked from Shiloh/githaven
95ab485490
EasyMDE in Firefox currently shows an ugly outline in the fake textarea the CodeMirror uses. Hide it.
50 lines
1.2 KiB
CSS
50 lines
1.2 KiB
CSS
.ui .field:not(:last-child) .EasyMDEContainer .editor-statusbar {
|
|
margin-bottom: -1em; /* when there is a statusbar, the "margin-bottom: 1em" of the "field" is not needed, because the statusbar is likely a blank line */
|
|
}
|
|
|
|
.EasyMDEContainer .CodeMirror {
|
|
color: var(--color-input-text);
|
|
background-color: var(--color-input-background);
|
|
border-color: var(--color-secondary);
|
|
font: 14px var(--fonts-monospace);
|
|
}
|
|
|
|
.EasyMDEContainer .CodeMirror.cm-s-default {
|
|
border-radius: var(--border-radius);
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.EasyMDEContainer .CodeMirror.CodeMirror-fullscreen.CodeMirror-focused {
|
|
border-right: 1px solid var(--color-primary) !important;
|
|
}
|
|
|
|
.CodeMirror-cursor {
|
|
border-color: var(--color-caret) !important;
|
|
}
|
|
|
|
.CodeMirror .cm-comment {
|
|
background: inherit !important;
|
|
}
|
|
|
|
.CodeMirror .CodeMirror-code {
|
|
font: 14px var(--fonts-monospace);
|
|
}
|
|
|
|
.CodeMirror-selected {
|
|
background: var(--color-primary-light-1) !important;
|
|
color: var(--color-white) !important;
|
|
}
|
|
|
|
.CodeMirror-placeholder {
|
|
color: var(--color-placeholder-text) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.CodeMirror-focused {
|
|
border-color: var(--color-primary) !important;
|
|
}
|
|
|
|
.CodeMirror :focus {
|
|
outline: none;
|
|
}
|