Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-09-25 22:41:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next)/options/appearance/fonts: refactor input groups

Browse Source
This commit is contained in:
Adorian Doran 2025-03-20 19:02:46 +02:00
parent b705e24a97
commit 480292dc01
2 changed files with 8 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/public/app/widgets/type_widgets/options/appearance/fonts.ts
View File

@ -65,10 +65,10 @@ const TPL = `
<div class="col-6"> <div class="col-6">
<label for="main-font-size">${t("fonts.size")}</label> <label for="main-font-size">${t("fonts.size")}</label>
<div class="input-group main-font-size-input-group"> <label class="input-group tn-number-unit-pair main-font-size-input-group">
<input id="main-font-size" type="number" class="main-font-size form-control options-number-input" min="50" max="200" step="10"/> <input id="main-font-size" type="number" class="main-font-size form-control options-number-input" min="50" max="200" step="10"/>
<span class="input-group-text">%</span> <span class="input-group-text">%</span>
</div> </label>
</div> </div>
</div> </div>
@ -83,10 +83,10 @@ const TPL = `
<div class="col-6"> <div class="col-6">
<label for="tree-font-size">${t("fonts.size")}</label> <label for="tree-font-size">${t("fonts.size")}</label>
<div class="input-group tree-font-size-input-group"> <label class="input-group tn-number-unit-pair tree-font-size-input-group">
<input id="tree-font-size" type="number" class="tree-font-size form-control options-number-input" min="50" max="200" step="10"/> <input id="tree-font-size" type="number" class="tree-font-size form-control options-number-input" min="50" max="200" step="10"/>
<span class="input-group-text">%</span> <span class="input-group-text">%</span>
</div> </label>
</div> </div>
</div> </div>
@ -101,10 +101,10 @@ const TPL = `
<div class="col-6"> <div class="col-6">
<label for="detail-font-size">${t("fonts.size")}</label> <label for="detail-font-size">${t("fonts.size")}</label>
<div class="input-group detail-font-size-input-group"> <label class="input-group tn-number-unit-pair detail-font-size-input-group">
<input id="detail-font-size" type="number" class="detail-font-size form-control options-number-input" min="50" max="200" step="10"/> <input id="detail-font-size" type="number" class="detail-font-size form-control options-number-input" min="50" max="200" step="10"/>
<span class="input-group-text">%</span> <span class="input-group-text">%</span>
</div> </label>
</div> </div>
</div> </div>
@ -119,10 +119,10 @@ const TPL = `
<div class="col-6"> <div class="col-6">
<label for="monospace-font-size">${t("fonts.size")}</label> <label for="monospace-font-size">${t("fonts.size")}</label>
<div class="input-group monospace-font-size-input-group"> <label class="input-group tn-number-unit-pair monospace-font-size-input-group">
<input id="monospace-font-size" type="number" class="monospace-font-size form-control options-number-input" min="50" max="200" step="10"/> <input id="monospace-font-size" type="number" class="monospace-font-size form-control options-number-input" min="50" max="200" step="10"/>
<span class="input-group-text">%</span> <span class="input-group-text">%</span>
</div> </label>
</div> </div>
</div> </div>

16
src/public/stylesheets/theme-next/pages.css
View File

@ -227,22 +227,6 @@ div.note-detail-empty {
font-size: .85em; font-size: .85em;
} }
/* Appeareance */
.main-font-size-input-group,
.tree-font-size-input-group,
.detail-font-size-input-group,
.monospace-font-size-input-group {
width: fit-content;
}
#main-font-size,
#tree-font-size,
#detail-font-size,
#monospace-font-size {
width: 8ch !important;
}
/* Shortcuts */ /* Shortcuts */
.note-detail-content-widget-content:has(.shortcuts-options-section) { .note-detail-content-widget-content:has(.shortcuts-options-section) {