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

feat(settings): add toggle for mica

Browse Source
This commit is contained in:
Elian Doran 2024-12-09 22:06:38 +02:00
parent c39e8be29a
commit b81b93a590
No known key found for this signature in database
1 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/public/app/widgets/type_widgets/options/appearance/native_title_bar.js
View File

@ -10,7 +10,21 @@ const TPL = `
<option value="show">${t("native_title_bar.enabled")}</option> <option value="show">${t("native_title_bar.enabled")}</option>
<option value="hide">${t("native_title_bar.disabled")}</option> <option value="hide">${t("native_title_bar.disabled")}</option>
</select> </select>
</div>`; </div>
<div class="options-section">
<h4>Background effects</h4>
<p>On the desktop application, it's possible to use a semi-transparent background tinted in the colors of the user's wallpaper to add a touch of color.</p>
<div class="col-6 side-checkbox">
<label class="form-check">
<input type="checkbox" class="background-effects form-check-input" />
Enable background effects (Windows 11 only)
</label>
</div>
</div>
`;
export default class NativeTitleBarOptions extends OptionsWidget { export default class NativeTitleBarOptions extends OptionsWidget {
doRender() { doRender() {
@ -21,6 +35,9 @@ export default class NativeTitleBarOptions extends OptionsWidget {
this.updateOption('nativeTitleBarVisible', nativeTitleBarVisible); this.updateOption('nativeTitleBarVisible', nativeTitleBarVisible);
}); });
this.$backgroundEffects = this.$widget.find("input.background-effects");
this.$backgroundEffects.on("change", () => this.updateCheckboxOption("backgroundEffects", this.$backgroundEffects));
} }
isEnabled() { isEnabled() {