self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2024-12-24 13:43:12 +02:00
Code Issues Releases Activity

Moving more css aside components

Browse Source
This commit is contained in:
Jesús Espino 2020-10-25 19:28:09 +01:00
parent 79313ddb34
commit 148a7f2ade
3 changed files with 56 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
webapp/src/components/markdownEditor.scss Normal file
View File

@ -0,0 +1,53 @@
/* Markdown Editor */
.MarkdownEditor {
cursor: text;
width: 100%;
/* CodeMirror / SimpleMDE / EasyMDE overrides */
.CodeMirror {
padding: 0;
min-height: 0;
}
pre.CodeMirror-line {
padding: 0;
}
.CodeMirror, .CodeMirror-scroll {
flex: 1;
min-height: 0;
line-height: 1.3;
border: none;
}
.CodeMirror-cursor {
border-left: 2px solid var(--cursor-color);
}
.CodeMirror-selected {
background: rgba(147, 204, 231, 0.8) !important;
}
.CodeMirror-scroll {
overflow: hidden !important;
}
/* hide the scrollbars */
.CodeMirror-vscrollbar, .octo-editor .CodeMirror-hscrollbar {
display: none !important;
}
.octo-editor-preview {
min-height: 30px;
}
/* .dialog .octo-editor-preview {
min-height: 100px;
} */
.octo-editor-activeEditor {
overflow: hidden;
border: solid 1px #aaccff;
border-radius: 5px;
}
}

4
webapp/src/components/markdownEditor.tsx
View File

@ -4,6 +4,8 @@ import EasyMDE from 'easymde'
import React from 'react'
import SimpleMDE from 'react-simplemde-editor'
import './markdownEditor.scss'
import {Utils} from '../utils'
type Props = {
@ -171,7 +173,7 @@ class MarkdownEditor extends React.Component<Props, State> {
const element =
(<div
ref={this.frameRef}
className='octo-editor'
className='MarkdownEditor octo-editor'
>
{previewElement}
{editorElement}

55
webapp/static/main.css
View File

@ -733,61 +733,6 @@ hr {
transition: visibility 0s linear 200ms, opacity ease-in 200ms;
}
/* Markdown Editor */
.octo-editor {
cursor: text;
width: 100%;
}
/* CodeMirror / SimpleMDE / EasyMDE overrides */
.CodeMirror {
padding: 0;
min-height: 0;
}
pre.CodeMirror-line {
padding: 0;
}
.CodeMirror, .CodeMirror-scroll {
flex: 1;
min-height: 0;
line-height: 1.3;
border: none;
}
.CodeMirror-cursor {
border-left: 2px solid var(--cursor-color);
}
.CodeMirror-selected {
background: rgba(147, 204, 231, 0.8) !important;
}
.octo-editor .CodeMirror-scroll {
overflow: hidden !important;
}
/* hide the scrollbars */
.octo-editor .CodeMirror-vscrollbar, .octo-editor .CodeMirror-hscrollbar {
display: none !important;
}
.octo-editor-preview {
min-height: 30px;
}
/* .dialog .octo-editor-preview {
min-height: 100px;
} */
.octo-editor-activeEditor {
overflow: hidden;
border: solid 1px #aaccff;
border-radius: 5px;
}
/* Hover panel */