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: Resolves #4905: Apply monospace font to code dialog in Rich Text editor

Browse Source
This commit is contained in:
Laurent Cozic 2021-06-23 12:35:00 +01:00
parent dc9bb26c1a
commit e9f5ca817b
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/app-desktop/gui/NoteEditor/NoteBody/TinyMCE/TinyMCE.tsx
View File

@ -442,6 +442,16 @@ const TinyMCE = (props: NoteBodyEditorProps, ref: any) => {
background-color: ${theme.backgroundColor} !important; background-color: ${theme.backgroundColor} !important;
} }
/*
When creating dialogs, TinyMCE doesn't seem to offer a way to style the components or to assign classes to them.
We want the code dialog box text area to be monospace, and since we can't target this precisely, we apply the style
to all textareas of all dialogs. As I think only the code dialog displays a textarea that should be fine.
*/
.tox .tox-dialog textarea {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.tox .tox-editor-header { .tox .tox-editor-header {
border: none; border: none;
} }