From 4b8abb174a8657a297c4383a0ea5645f58c641a7 Mon Sep 17 00:00:00 2001
From: FLY_MC <me@flymc.cc>
Date: Tue, 11 Mar 2025 16:24:43 +0800
Subject: [PATCH] fix close notifications pop-up
---
packages/frontend/src/pages/settings/appearance.vue | 1 +
packages/frontend/src/ui/_common_/common.vue | 5 +++++
2 files changed, 6 insertions(+)
diff --git a/packages/frontend/src/pages/settings/appearance.vue b/packages/frontend/src/pages/settings/appearance.vue
index 3fda5bc4c8..f68a77de67 100644
--- a/packages/frontend/src/pages/settings/appearance.vue
+++ b/packages/frontend/src/pages/settings/appearance.vue
@@ -187,6 +187,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<option value="rightTop"><i class="ti ti-align-box-right-top"></i> {{ i18n.ts.rightTop }}</option>
<option value="leftBottom"><i class="ti ti-align-box-left-bottom"></i> {{ i18n.ts.leftBottom }}</option>
<option value="rightBottom"><i class="ti ti-align-box-right-bottom"></i> {{ i18n.ts.rightBottom }}</option>
+ <option value="close"><i class="ti ti-x"></i> {{ i18n.ts.close }}</option>
</MkRadios>
</MkPreferenceContainer>
</SearchMarker>
diff --git a/packages/frontend/src/ui/_common_/common.vue b/packages/frontend/src/ui/_common_/common.vue
index 4a700d10b4..ef7474c8a9 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]: prefer.s.notificationPosition === 'leftBottom',
[$style.notificationsPosition_rightTop]: prefer.s.notificationPosition === 'rightTop',
[$style.notificationsPosition_rightBottom]: prefer.s.notificationPosition === 'rightBottom',
+ [$style.notificationsPosition_close]: prefer.s.notificationPosition === 'close',
[$style.notificationsStackAxis_vertical]: prefer.s.notificationStackAxis === 'vertical',
[$style.notificationsStackAxis_horizontal]: prefer.s.notificationStackAxis === 'horizontal',
}]"
@@ -147,6 +148,10 @@ function getPointerEvents() {
right: 0;
}
+ &.notificationsPosition_close {
+ display: none;
+ }
+
&.notificationsStackAxis_vertical {
width: 250px;