From 8283df76cb7dbada41502c0527ac7f1e83c5165d Mon Sep 17 00:00:00 2001
From: Luffy <52o@qq52o.cn>
Date: Fri, 29 May 2026 14:19:08 +0800
Subject: [PATCH] Optimize display of trick

---
 include/layout.inc      |  2 +-
 styles/theme-base.css   | 13 ++++++++++++-
 styles/theme-medium.css |  2 +-
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/include/layout.inc b/include/layout.inc
index 02b6f733ca..b9cc7c0b63 100644
--- a/include/layout.inc
+++ b/include/layout.inc
@@ -566,7 +566,7 @@ function get_news_changes()
 function doc_toc($lang): void {
     $file = __DIR__ . "/../manual/$lang/toc/index.inc";
     if (!file_exists($file)) {
-        $lang = "en"; // Fallback on english if the translation doesn't exist
+        $lang = "en"; // Fallback on English if the translation doesn't exist
         $file = __DIR__ . "/../manual/en/toc/index.inc";
     }
     require __DIR__ . "/../manual/$lang/toc/index.inc";
diff --git a/styles/theme-base.css b/styles/theme-base.css
index e35c0e9edc..faeab9d6b4 100644
--- a/styles/theme-base.css
+++ b/styles/theme-base.css
@@ -1337,7 +1337,10 @@ div.soft-deprecation-notice blockquote.sidebar {
     height: 100%;
     width: 100%;
     position: fixed;
-    top: 64px;
+    top: 0;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    overscroll-behavior: contain;
     z-index: 5000;
 }
 #goto div,
@@ -1351,6 +1354,14 @@ div.soft-deprecation-notice blockquote.sidebar {
     display: inline-block;
     vertical-align: top;
 }
+#trick dt {
+    margin: .5rem 0 .25rem;
+    line-height: 1.4;
+}
+#trick dd {
+    margin: 0 0 .75rem 1rem;
+    line-height: 1.6;
+}
 #trick a {
     color: #E6E6E6;
     display: block;
diff --git a/styles/theme-medium.css b/styles/theme-medium.css
index 1f1b9d142f..c086e06c1f 100644
--- a/styles/theme-medium.css
+++ b/styles/theme-medium.css
@@ -467,7 +467,7 @@ div.warning a:focus {
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 1030;
+  z-index: 5001;
 
   justify-content: center;