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

style(next): settings/appearance: fix the length of font size input boxes

Browse Source
This commit is contained in:
Adorian Doran 2025-01-31 21:50:07 +02:00
parent c5edfbc127
commit 09c14f8663
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -65,7 +65,7 @@ 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"> <div class="input-group 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> </div>
@ -83,7 +83,7 @@ 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"> <div class="input-group 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> </div>
@ -101,7 +101,7 @@ 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"> <div class="input-group 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> </div>
@ -119,7 +119,7 @@ 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"> <div class="input-group 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> </div>

9
src/public/stylesheets/theme-next/settings.css
View File

@ -71,3 +71,12 @@
padding: 0; padding: 0;
margin-bottom: 1em; margin-bottom: 1em;
} }
/* Appeareance */
.main-font-size-input-group,
.tree-font-size-input-group,
.detail-font-size-input-group,
.monospace-font-size-input-group {
width: fit-content;
}