Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-16 18:25:51 +01:00
Code Issues Packages Projects Releases Activity

add translation for font option

Browse Source
This commit is contained in:
Nriver
2024-08-08 11:02:04 +08:00
parent fcf4b57838
commit febd1d5ab3
3 changed files with 47 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/public/app/widgets/type_widgets/options/appearance/fonts.js
View File

@@ -1,8 +1,9 @@
import OptionsWidget from "../options_widget.js";
import utils from "../../../../services/utils.js";
import { t } from "../../../../services/i18n.js";
const FONT_FAMILIES = [
{ value: "theme", label: "Theme defined" },
{ value: "theme", label: t("fonts.theme_defined") },
{ value: "serif", label: "Serif" },
{ value: "sans-serif", label: "Sans Serif" },
{ value: "monospace", label: "Monospace" },
@@ -29,18 +30,18 @@ const FONT_FAMILIES = [
const TPL = `
<div class="options-section">
<h4>Fonts</h4>
<h4>${t("fonts.fonts")}</h4>
<h5>Main Font</h5>
<h5>${t("fonts.main_font")}</h5>
<div class="form-group row">
<div class="col-6">
<label>Font family</label>
<label>${t("fonts.font_family")}</label>
<select class="main-font-family form-control"></select>
</div>
<div class="col-6">
<label>Size</label>
<label>${t("fonts.size")}</label>
<div class="input-group">
<input type="number" class="main-font-size form-control options-number-input" min="50" max="200" step="10"/>
@@ -51,16 +52,16 @@ const TPL = `
</div>
</div>
<h5>Note Tree Font</h5>
<h5>${t("fonts.note_tree_font")}</h5>
<div class="form-group row">
<div class="col-4">
<label>Font family</label>
<label>${t("fonts.font_family")}</label>
<select class="tree-font-family form-control"></select>
</div>
<div class="col-4">
<label>Size</label>
<label>${t("fonts.size")}</label>
<div class="input-group">
<input type="number" class="tree-font-size form-control options-number-input" min="50" max="200" step="10"/>
@@ -71,16 +72,16 @@ const TPL = `
</div>
</div>
<h5>Note Detail Font</h5>
<h5>${t("fonts.note_detail_font")}</h5>
<div class="form-group row">
<div class="col-4">
<label>Font family</label>
<label>${t("fonts.font_family")}</label>
<select class="detail-font-family form-control"></select>
</div>
<div class="col-4">
<label>Size</label>
<label>${t("fonts.size")}</label>
<div class="input-group">
<input type="number" class="detail-font-size form-control options-number-input" min="50" max="200" step="10"/>
@@ -91,16 +92,16 @@ const TPL = `
</div>
</div>
<h5>Monospace (code) Font</h5>
<h5>${t("fonts.monospace_font")}</h5>
<div class="form-group row">
<div class="col-4">
<label>Font family</label>
<label>${t("fonts.font_family")}</label>
<select class="monospace-font-family form-control"></select>
</div>
<div class="col-4">
<label>Size</label>
<label>${t("fonts.size")}</label>
<div class="input-group">
<input type="number" class="monospace-font-size form-control options-number-input" min="50" max="200" step="10"/>
@@ -111,13 +112,13 @@ const TPL = `
</div>
</div>
<p>Note that tree and detail font sizing is relative to the main font size setting.</p>
<p>${t("fonts.note_tree_and_detail_font_sizing")}</p>
<p>Not all listed fonts may be available on your system.</p>
<p>${t("fonts.not_all_fonts_available")}</p>
<p>
To apply font changes, click on
<button class="btn btn-micro reload-frontend-button">reload frontend</button>
${t("fonts.apply_font_changes")}
<button class="btn btn-micro reload-frontend-button">${t("fonts.reload_frontend")}</button>
</p>
</div>`;