Improve the layout of the "Word wrapping" checkbox

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

View File

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

View File

@ -854,6 +854,14 @@ html .note-detail-editable-text :not(figure, .include-note):first-child {
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 {
border: 1px solid var(--muted-text-color) !important;
}