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

feat(mobile): improve layout for settings

Browse Source
This commit is contained in:
Elian Doran 2025-01-04 19:26:22 +02:00
parent 33ce41bdd8
commit 657fa9402c
No known key found for this signature in database
5 changed files with 30 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/public/app/widgets/type_widgets/options/advanced/database_anonymization.js
View File

@ -10,14 +10,14 @@ const TPL = `
<div class="row">
<p>${t("database_anonymization.choose_anonymization")}</p>
<div class="col-6">
<div class="col-md-6">
<h5>${t("database_anonymization.full_anonymization")}</h5>
<p>${t("database_anonymization.full_anonymization_description")}</p>
<button class="anonymize-full-button btn">${t("database_anonymization.save_fully_anonymized_database")}</button>
</div>
<div class="col-6">
<div class="col-md-6">
<h5>${t("database_anonymization.light_anonymization")}</h5>
<p>${t("database_anonymization.light_anonymization_description")}</p>

4
src/public/app/widgets/type_widgets/options/appearance/code_block.js
View File

@ -27,12 +27,12 @@ const TPL = `
<p>${t("highlighting.description")}</p>
<div class="form-group row">
<div class="col-6">
<div class="col-md-6">
<label for="highlighting-color-scheme-select">${t("highlighting.color-scheme")}</label>
<select id="highlighting-color-scheme-select" class="theme-select form-select"></select>
</div>
<div class="col-6 side-checkbox">
<div class="col-md-6 side-checkbox">
<label class="form-check">
<input type="checkbox" class="word-wrap form-check-input" />
${t("code_block.word_wrapping")}

2
src/public/app/widgets/type_widgets/options/appearance/max_content_width.js
View File

@ -11,7 +11,7 @@ const TPL = `
<p>${t("max_content_width.default_description")}</p>
<div class="form-group row">
<div class="col-6">
<div class="col-md-6">
<label for="max-content-width">${t("max_content_width.max_width_label")}</label>
<input id="max-content-width" type="number" min="${MIN_VALUE}" step="10" class="max-content-width form-control options-number-input">
</div>

4
src/public/app/widgets/type_widgets/options/appearance/theme.js
View File

@ -30,12 +30,12 @@ const TPL = `
<h4>${t("theme.title")}</h4>
<div class="form-group row">
<div class="col-6">
<div class="col-md-6">
<label for="theme-select">${t("theme.theme_label")}</label>
<select id="theme-select" class="theme-select form-select"></select>
</div>
<div class="col-6 side-checkbox">
<div class="col-md-6 side-checkbox">
<label class="form-check">
<input type="checkbox" class="override-theme-fonts form-check-input">
${t("theme.override_theme_fonts_label")}

4
src/public/stylesheets/style.css
View File

@ -1239,6 +1239,10 @@ body.mobile #launcher-pane .dropdown-menu.show {
body.mobile .help-dialog kbd {
display: inline !important;
}
body.mobile .options-section table {
word-break: break-all;
}
}
/* Mobile, tablet mode */