sascha
/
Notes
mirror of https://github.com/TriliumNext/Notes
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(mobile): improve layout for settings

pull/882/head
Elian Doran 2025-01-04 19:26:22 +07: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
Unescape Escape View File

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

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

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

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

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

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

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

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

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