diff --git a/packages/frontend/src/pages/settings/general.vue b/packages/frontend/src/pages/settings/general.vue index d8079c807..bc7aa62d5 100644 --- a/packages/frontend/src/pages/settings/general.vue +++ b/packages/frontend/src/pages/settings/general.vue @@ -100,7 +100,7 @@ SPDX-License-Identifier: AGPL-3.0-only - + diff --git a/packages/frontend/src/store.ts b/packages/frontend/src/store.ts index 020a2487a..7dc073229 100644 --- a/packages/frontend/src/store.ts +++ b/packages/frontend/src/store.ts @@ -392,7 +392,7 @@ export const defaultStore = markRaw(new Storage('base', { }, notificationPosition: { where: 'device', - default: 'rightBottom' as 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | null, + default: 'rightBottom' as 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'close', }, notificationStackAxis: { where: 'device', diff --git a/packages/frontend/src/ui/_common_/common.vue b/packages/frontend/src/ui/_common_/common.vue index dad855dd5..2afad1193 100644 --- a/packages/frontend/src/ui/_common_/common.vue +++ b/packages/frontend/src/ui/_common_/common.vue @@ -21,6 +21,7 @@ SPDX-License-Identifier: AGPL-3.0-only [$style.notificationsPosition_leftBottom]: defaultStore.state.notificationPosition === 'leftBottom', [$style.notificationsPosition_rightTop]: defaultStore.state.notificationPosition === 'rightTop', [$style.notificationsPosition_rightBottom]: defaultStore.state.notificationPosition === 'rightBottom', + [$style.notificationsPosition_close]: defaultStore.state.notificationPosition === 'close', [$style.notificationsStackAxis_vertical]: defaultStore.state.notificationStackAxis === 'vertical', [$style.notificationsStackAxis_horizontal]: defaultStore.state.notificationStackAxis === 'horizontal', }]" @@ -205,6 +206,10 @@ function getPointerEvents() { } } +.notificationsPosition_close { + display: none; +} + .notification { container-type: inline-size; }