self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2024-12-24 10:27:10 +02:00
Code Issues Releases Activity

Desktop: WYSIWYG: Fix CODE element style

Browse Source
This commit is contained in:
Laurent Cozic 2020-05-07 23:10:56 +01:00
parent 561b24f6fd
commit f72b5c1028
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ReactNativeClient/lib/joplin-renderer/noteStyle.js
View File

@ -238,7 +238,7 @@ module.exports = function(theme) {
} }
.inline-code, .inline-code,
.tox :not(.joplin-editable) code { .mce-content-body code {
border: 1px solid ${theme.htmlCodeBorderColor}; border: 1px solid ${theme.htmlCodeBorderColor};
background-color: ${theme.htmlCodeBackgroundColor}; background-color: ${theme.htmlCodeBackgroundColor};
padding-right: .2em; padding-right: .2em;
@ -303,9 +303,11 @@ module.exports = function(theme) {
padding: 5px 10px 10em 10px; padding: 5px 10px 10em 10px;
} }
/*
.mce-content-body code { .mce-content-body code {
background-color: transparent; background-color: transparent;
} }
*/
.mce-content-body [data-mce-selected=inline-boundary] { .mce-content-body [data-mce-selected=inline-boundary] {
background-color: transparent; background-color: transparent;
@ -324,6 +326,15 @@ module.exports = function(theme) {
pointer-events: none; pointer-events: none;
} }
/* Clear the CODE style if the element is within a joplin-editable block */
.mce-content-body .joplin-editable code {
border: none;
background: none;
padding: 0;
color: inherit;
font-size: inherit;
}
/* =============================================== */ /* =============================================== */
/* For TinyMCE */ /* For TinyMCE */
/* =============================================== */ /* =============================================== */