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

Improve the layout of the "Word wrapping" checkbox

Browse Source
This commit is contained in:
Adorian Doran 2024-10-29 18:39:14 +02:00
parent 60426ea487
commit 2459bbf341
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/public/app/widgets/type_widgets/options/appearance/code_block.js
View File

@ -27,11 +27,11 @@ const TPL = `
<select class="theme-select form-select"></select> <select class="theme-select form-select"></select>
</div> </div>
<div class="col-6"> <div class="col-6 side-checkbox">
<label>${t("code_block.word_wrapping")}</label> <label class="form-check">
<div class="form-check">
<input type="checkbox" class="word-wrap form-check-input" /> <input type="checkbox" class="word-wrap form-check-input" />
</div> ${t("code_block.word_wrapping")}
</label>
</div> </div>
</div> </div>

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

@ -854,6 +854,14 @@ html .note-detail-editable-text :not(figure, .include-note):first-child {
margin-right: 1em; margin-right: 1em;
} }
.side-checkbox {
display: flex;
align-items: end;
padding-top: .375rem;
padding-bottom: .375rem;
line-height: 1.5;
}
.ck-content .todo-list .todo-list__label > input:before { .ck-content .todo-list .todo-list__label > input:before {
border: 1px solid var(--muted-text-color) !important; border: 1px solid var(--muted-text-color) !important;
} }
@ -1220,4 +1228,4 @@ textarea {
.jump-to-note-results .aa-suggestions { .jump-to-note-results .aa-suggestions {
padding: 1rem; padding: 1rem;
} }