Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-11-11 04:38:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

client: Toggle word wrapping for code blocks

Browse Source
This commit is contained in:
Elian Doran 2024-10-27 22:31:16 +02:00
parent b8569ea243
commit 5109c07e9c
No known key found for this signature in database
2 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/public/app/widgets/type_widgets/abstract_text_type_widget.js
View File

@ -4,8 +4,15 @@ import froca from "../../services/froca.js";
import linkService from "../../services/link.js"; import linkService from "../../services/link.js";
import contentRenderer from "../../services/content_renderer.js"; import contentRenderer from "../../services/content_renderer.js";
import utils from "../../services/utils.js"; import utils from "../../services/utils.js";
import options from "../../services/options.js";
export default class AbstractTextTypeWidget extends TypeWidget { export default class AbstractTextTypeWidget extends TypeWidget {
doRender() {
super.doRender();
this.refreshCodeBlockOptions();
}
setupImageOpening(singleClickOpens) { setupImageOpening(singleClickOpens) {
this.$widget.on("dblclick", "img", e => this.openImageInCurrentTab($(e.target))); this.$widget.on("dblclick", "img", e => this.openImageInCurrentTab($(e.target)));
@ -108,4 +115,16 @@ export default class AbstractTextTypeWidget extends TypeWidget {
}); });
} }
} }
refreshCodeBlockOptions() {
const wordWrap = options.is("codeBlockWordWrap");
this.$widget.toggleClass("word-wrap", wordWrap);
}
async entitiesReloadedEvent({loadResults}) {
if (loadResults.isOptionReloaded("codeBlockWordWrap")) {
this.refreshCodeBlockOptions();
}
}
} }

11
src/public/stylesheets/style.css
View File

@ -811,6 +811,17 @@ a.external:not(.no-arrow):after, a[href^="http://"]:not(.no-arrow):after, a[href
border: 0; border: 0;
border-radius: 6px; border-radius: 6px;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
padding: 0 !important;
}
.ck-content pre code {
display: block;
padding: 1em;
}
.note-detail-printable:not(.word-wrap) pre {
white-space: pre;
margin-right: 1em;
} }
.ck-content .todo-list .todo-list__label > input:before { .ck-content .todo-list .todo-list__label > input:before {