Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-26 07:46:30 +01:00
Code Issues Packages Projects Releases Activity

client/settings/disable backdrop effects: add the corresponding checkbox in the Appearance settings page

Browse Source
This commit is contained in:
Adorian Doran
2025-08-23 01:20:54 +03:00
parent 94ddad3c49
commit 82e076378c
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/client/src/translations/en/translation.json
View File

@@ -1116,7 +1116,8 @@
"ui-performance": { "ui-performance": {
"title": "Performance", "title": "Performance",
"enable-motion": "Enable transitions and animations", "enable-motion": "Enable transitions and animations",
"enable-shadows": "Enable shadows" "enable-shadows": "Enable shadows",
"enable-backdrop-effects": "Enable background effects for menus, popups and panels"
}, },
"ai_llm": { "ai_llm": {
"not_started": "Not started", "not_started": "Not started",

7
apps/client/src/widgets/type_widgets/options/appearance.tsx
View File

@@ -249,6 +249,7 @@ function ElectronIntegration() {
function Performance() { function Performance() {
const [ motionEnabled, setMotionEnabled ] = useTriliumOptionBool("motionEnabled"); const [ motionEnabled, setMotionEnabled ] = useTriliumOptionBool("motionEnabled");
const [ shadowsEnabled, setShadowsEnabled ] = useTriliumOptionBool("shadowsEnabled"); const [ shadowsEnabled, setShadowsEnabled ] = useTriliumOptionBool("shadowsEnabled");
const [ backdropEffectsEnabled, setBackdropEffectsEnabled ] = useTriliumOptionBool("backdropEffectsEnabled");
return <OptionsSection title={t("ui-performance.title")}> return <OptionsSection title={t("ui-performance.title")}>
@@ -264,6 +265,12 @@ function Performance() {
currentValue={shadowsEnabled} onChange={setShadowsEnabled} currentValue={shadowsEnabled} onChange={setShadowsEnabled}
/> />
</FormGroup> </FormGroup>
<FormGroup name="backdrop-effects-enabled">
<FormCheckbox
label={t("ui-performance.enable-backdrop-effects")}
currentValue={backdropEffectsEnabled} onChange={setBackdropEffectsEnabled}
/>
</FormGroup>
</OptionsSection> </OptionsSection>
} }