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

style(settings): present i18n settings in a different fahsion

Browse Source
This commit is contained in:
Elian Doran 2025-03-25 21:23:32 +02:00
parent 90794fed88
commit f0b4acd15a
No known key found for this signature in database
1 changed files with 27 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/public/app/widgets/type_widgets/options/i18n/i18n.ts
View File

@ -9,22 +9,20 @@ const TPL = `
<div class="options-section"> <div class="options-section">
<h4>${t("i18n.title")}</h4> <h4>${t("i18n.title")}</h4>
<div class="form-group row"> <div class="locale-options-container">
<div class="col-6"> <div class="option-row">
<label for="locale-select">${t("i18n.language")}</label> <label for="locale-select">${t("i18n.language")}</label>
<select id="locale-select" class="locale-select form-select"></select> <select id="locale-select" class="locale-select form-select"></select>
</div> </div>
<div class="col-6"> <div class="option-row">
<label for="formatting-locale-select">${t("i18n.formatting-locale")}</label> <label for="formatting-locale-select">${t("i18n.formatting-locale")}</label>
<select id="formatting-locale-select" class="formatting-locale-select form-select"></select> <select id="formatting-locale-select" class="formatting-locale-select form-select"></select>
</div> </div>
</div>
<div class="form-group row"> <div class="option-row">
<div class="col-6">
<label id="first-day-of-week-label">${t("i18n.first-day-of-the-week")}</label> <label id="first-day-of-week-label">${t("i18n.first-day-of-the-week")}</label>
<div role="group" aria-labelledby="first-day-of-week-label" style="margin-top: .33em;"> <div role="group" aria-labelledby="first-day-of-week-label">
<label class="tn-radio"> <label class="tn-radio">
<input name="first-day-of-week" type="radio" value="0" /> <input name="first-day-of-week" type="radio" value="0" />
${t("i18n.sunday")} ${t("i18n.sunday")}
@ -37,6 +35,28 @@ const TPL = `
</div> </div>
</div> </div>
</div> </div>
<style>
.locale-options-container .option-row {
border-bottom: 1px solid var(--main-border-color);
display: flex;
align-items: center;
padding: 0.5em 0;
}
.locale-options-container .option-row > label {
width: 40%;
margin-bottom: 0 !important;
}
.locale-options-container .option-row > select {
width: 60%;
}
.locale-options-container .option-row:last-of-type {
border-bottom: unset;
}
</style>
</div> </div>
`; `;