Netsyms/easy-markdown-editor
2
0
Fork 0
mirror of https://github.com/Ionaru/easy-markdown-editor synced 2025-08-12 03:32:44 -06:00
Code Issues Releases Wiki Activity

Fix CSS scoping issues (#252)

Browse Source
This commit is contained in:
Jeroen Akkerman 2020-10-30 13:29:42 +01:00
parent 21d51a053b
commit 11f805f0b5
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
CHANGELOG.md
View File

@ -8,6 +8,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added ### Added
- CodeMirror autorefresh plugin and autoRefresh option (Thanks to [@mbolli], [#249]). - CodeMirror autorefresh plugin and autoRefresh option (Thanks to [@mbolli], [#249]).
### Fixed
- CSS scoping issues when the editor is used in combination with other CodeMirror instances ([#252]).
## [2.12.1] - 2020-10-06 ## [2.12.1] - 2020-10-06
### Changed ### Changed
- Set `previewImagesInEditor` option to `false` by default ([#251]). - Set `previewImagesInEditor` option to `false` by default ([#251]).
@ -174,6 +177,7 @@ Project forked from [SimpleMDE](https://github.com/sparksuite/simplemde-markdown
- Cursor not always showing in "text" mode over the edit field - Cursor not always showing in "text" mode over the edit field
<!-- Linked issues --> <!-- Linked issues -->
[#252]: https://github.com/Ionaru/easy-markdown-editor/issues/252
[#251]: https://github.com/Ionaru/easy-markdown-editor/issues/251 [#251]: https://github.com/Ionaru/easy-markdown-editor/issues/251
[#239]: https://github.com/Ionaru/easy-markdown-editor/issues/239 [#239]: https://github.com/Ionaru/easy-markdown-editor/issues/239
[#178]: https://github.com/Ionaru/easy-markdown-editor/issues/178 [#178]: https://github.com/Ionaru/easy-markdown-editor/issues/178

16
src/css/easymde.css
View File

@ -8,7 +8,7 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
.CodeMirror { .EasyMDEContainer .CodeMirror {
box-sizing: border-box; box-sizing: border-box;
height: auto; height: auto;
border: 1px solid #ddd; border: 1px solid #ddd;
@ -20,11 +20,11 @@
word-wrap: break-word; word-wrap: break-word;
} }
.CodeMirror-scroll { .EasyMDEContainer .CodeMirror-scroll {
cursor: text; cursor: text;
} }
.CodeMirror-fullscreen { .EasyMDEContainer .CodeMirror-fullscreen {
background: #fff; background: #fff;
position: fixed !important; position: fixed !important;
top: 50px; top: 50px;
@ -37,22 +37,22 @@
border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important;
} }
.CodeMirror-sided { .EasyMDEContainer .CodeMirror-sided {
width: 50% !important; width: 50% !important;
} }
.CodeMirror-sided.sided--no-fullscreen { .EasyMDEContainer .CodeMirror-sided.sided--no-fullscreen {
border-right: none!important; border-right: none!important;
border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
position: relative; position: relative;
flex: 1 1 auto; flex: 1 1 auto;
} }
.CodeMirror-placeholder { .EasyMDEContainer .CodeMirror-placeholder {
opacity: .5; opacity: .5;
} }
.CodeMirror-focused .CodeMirror-selected { .EasyMDEContainer .CodeMirror-focused .CodeMirror-selected {
background: #d9d9d9; background: #d9d9d9;
} }
@ -385,4 +385,4 @@ span[data-img-src]::before{
padding-top: var(--height); padding-top: var(--height);
width: var(--width); width: var(--width);
background-repeat: no-repeat; background-repeat: no-repeat;
} }