From 70dbd0daf69795cabfc5aa92803e7ed82b4b235b Mon Sep 17 00:00:00 2001
From: CieanYau <ltd@crash.work>
Date: Sat, 7 Nov 2026 02:29:10 +0800
Subject: [PATCH] target maintenance content independently of decorative icons

---
 app/assets/styles/deni.css             | 2 +-
 app/layouts/default.vue                | 2 +-
 tests/review-style-layout.e2e.test.mjs | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/assets/styles/deni.css b/app/assets/styles/deni.css
index 9ce2ce2..c41240b 100644
--- a/app/assets/styles/deni.css
+++ b/app/assets/styles/deni.css
@@ -41,7 +41,7 @@
   background: var(--p-yellow-100);
   color: var(--p-yellow-900);
 }
-.deni-layout .maintenance-banner > span {
+.deni-layout .maintenance-message {
   min-width: 0;
   overflow-wrap: anywhere;
 }
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 057dce6..3312f30 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -430,7 +430,7 @@ useHead(() => ({
       class="maintenance-banner"
     >
       <Icon name="lucide:triangle-alert" aria-hidden="true" />
-      <span>{{
+      <span class="maintenance-message">{{
         site.config.value?.maintenance_mode_message ||
         "站点维护中，部分功能可能不可用。"
       }}</span>
diff --git a/tests/review-style-layout.e2e.test.mjs b/tests/review-style-layout.e2e.test.mjs
index 254069b..ca12d1c 100644
--- a/tests/review-style-layout.e2e.test.mjs
+++ b/tests/review-style-layout.e2e.test.mjs
@@ -204,7 +204,7 @@ async function bannerGeometry(page) {
   return page.locator(".maintenance-banner").evaluate((banner) => {
     const box = banner.getBoundingClientRect(),
       range = document.createRange();
-    range.selectNodeContents(banner.querySelector("span"));
+    range.selectNodeContents(banner.querySelector(".maintenance-message"));
     const text = range.getBoundingClientRect(),
       bar = document.querySelector(".topbar").getBoundingClientRect();
     return {
@@ -250,7 +250,7 @@ test(
         );
         sizes.push({ width, noticeFits: true, headerBelowNotice: true });
       }
-      // 关闭控件按既有设计只在键盘焦点时显现，因此从键盘入口验证它不被维护条遮挡。
+      // 从键盘入口验证抽屉关闭控件不被维护条遮挡。
       const open = page.getByRole("button", { name: "打开菜单", exact: true });
       await open.focus();
       await page.keyboard.press("Enter");
@@ -308,7 +308,7 @@ test(
       const endReachable = await banner.evaluate((element) => {
         element.scrollTop = element.scrollHeight;
         const bounds = element.getBoundingClientRect(),
-          text = element.querySelector("span").firstChild,
+          text = element.querySelector(".maintenance-message").firstChild,
           end = document.createRange();
         end.setStart(text, text.length - 1);
         end.setEnd(text, text.length);