From baa6af0cc3ba2e96b17fb92763b78bc3b2c8a2d4 Mon Sep 17 00:00:00 2001
From: pfqgauxfb <3521106529@qq.com>
Date: Mon, 2 Jun 2025 20:50:06 +0800
Subject: [PATCH] feng

---
 src/components/Bookmark/index.js          |  4 +++-
 src/components/Bookmark/styles.module.css |  9 ++++++++-
 src/css/custom.css                        | 14 ++++++++++++++
 src/theme/DocSidebarItem/index.js         | 10 ++++++----
 4 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/src/components/Bookmark/index.js b/src/components/Bookmark/index.js
index e3bfbc0..34ce68d 100644
--- a/src/components/Bookmark/index.js
+++ b/src/components/Bookmark/index.js
@@ -10,7 +10,8 @@ export default function Bookmark({ docId }) {
     setIsBookmarked(bookmarks[docId] || false);
   }, [docId]);
 
-  const toggleBookmark = () => {
+  const toggleBookmark = (e) => {
+    e.stopPropagation(); // 阻止事件冒泡
     const bookmarks = JSON.parse(localStorage.getItem('docBookmarks') || '{}');
     const newState = !isBookmarked;
     bookmarks[docId] = newState;
@@ -23,6 +24,7 @@ export default function Bookmark({ docId }) {
       onClick={toggleBookmark}
       className={`${styles.bookmarkButton} ${isBookmarked ? styles.bookmarked : ''}`}
       aria-label={isBookmarked ? '取消标记' : '添加标记'}
+      type="button"
     >
       <svg
         viewBox="0 0 24 24"
diff --git a/src/components/Bookmark/styles.module.css b/src/components/Bookmark/styles.module.css
index e6d418a..925be2c 100644
--- a/src/components/Bookmark/styles.module.css
+++ b/src/components/Bookmark/styles.module.css
@@ -1,6 +1,6 @@
 .bookmarkButton {
   position: absolute;
-  left: -25px;
+  left: -20px;
   top: 50%;
   transform: translateY(-50%);
   background: none;
@@ -14,6 +14,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  width: 20px;
+  height: 20px;
 }
 
 .bookmarkButton:hover {
@@ -40,4 +42,9 @@
 :global(.menu__link-wrapper) {
   padding-left: 25px !important;
   position: relative !important;
+}
+
+/* 调整列表项样式 */
+:global(.menu__list-item) {
+  position: relative !important;
 } 
\ No newline at end of file
diff --git a/src/css/custom.css b/src/css/custom.css
index f7ee99b..6966a29 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -189,4 +189,18 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
 /* 调整侧边栏的padding，为标记按钮留出空间 */
 .menu {
   padding-left: 20px !important;
+}
+
+/* 调整列表项样式 */
+.menu__list-item {
+  position: relative !important;
+}
+
+/* 确保标记按钮在正确的层级 */
+.menu__link-wrapper {
+  z-index: 1;
+}
+
+.bookmarkButton {
+  z-index: 2;
 }
\ No newline at end of file
diff --git a/src/theme/DocSidebarItem/index.js b/src/theme/DocSidebarItem/index.js
index 7aeb75f..800fe93 100644
--- a/src/theme/DocSidebarItem/index.js
+++ b/src/theme/DocSidebarItem/index.js
@@ -8,10 +8,12 @@ export default function DocSidebarItemWrapper(props) {
   // 只为文档类型的项目添加标记功能
   if (item.type === 'doc') {
     return (
-      <div className="menu__link-wrapper" style={{ position: 'relative' }}>
-        <DocSidebarItem {...props} />
-        <Bookmark docId={item.docId} />
-      </div>
+      <li className="menu__list-item">
+        <div className="menu__link-wrapper" style={{ position: 'relative' }}>
+          <DocSidebarItem {...props} />
+          <Bookmark docId={item.docId} />
+        </div>
+      </li>
     );
   }