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

---
 src/components/Bookmark/index.js          |  4 ++--
 src/components/Bookmark/styles.module.css | 12 +++++++++++-
 src/css/custom.css                        | 15 ++++++++++++++-
 src/theme/DocSidebarItem/index.js         |  2 +-
 4 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/components/Bookmark/index.js b/src/components/Bookmark/index.js
index c513da6..e3bfbc0 100644
--- a/src/components/Bookmark/index.js
+++ b/src/components/Bookmark/index.js
@@ -26,8 +26,8 @@ export default function Bookmark({ docId }) {
     >
       <svg
         viewBox="0 0 24 24"
-        width="20"
-        height="20"
+        width="16"
+        height="16"
         stroke="currentColor"
         strokeWidth="2"
         fill={isBookmarked ? 'currentColor' : 'none'}
diff --git a/src/components/Bookmark/styles.module.css b/src/components/Bookmark/styles.module.css
index 7cdd29f..e6d418a 100644
--- a/src/components/Bookmark/styles.module.css
+++ b/src/components/Bookmark/styles.module.css
@@ -1,6 +1,6 @@
 .bookmarkButton {
   position: absolute;
-  left: -30px;
+  left: -25px;
   top: 50%;
   transform: translateY(-50%);
   background: none;
@@ -10,6 +10,10 @@
   color: var(--ifm-color-emphasis-600);
   transition: all 0.2s ease;
   opacity: 0;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .bookmarkButton:hover {
@@ -30,4 +34,10 @@
 /* 已标记的项目始终显示标记按钮 */
 :global(.menu__link-wrapper) .bookmarked {
   opacity: 1;
+}
+
+/* 确保侧边栏项目有足够的空间显示标记按钮 */
+:global(.menu__link-wrapper) {
+  padding-left: 25px !important;
+  position: relative !important;
 } 
\ No newline at end of file
diff --git a/src/css/custom.css b/src/css/custom.css
index 12873ab..f7ee99b 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -153,7 +153,8 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
 
 /* 标记按钮的全局样式 */
 .menu__link-wrapper {
-  position: relative;
+  position: relative !important;
+  padding-left: 25px !important;
 }
 
 /* 已标记项目的样式 */
@@ -176,4 +177,16 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
 
 .bookmarkButton.bookmarked {
   animation: bookmarkPulse 0.3s ease;
+}
+
+/* 确保侧边栏项目有正确的样式 */
+.menu__link {
+  position: relative !important;
+  display: flex !important;
+  align-items: center !important;
+}
+
+/* 调整侧边栏的padding，为标记按钮留出空间 */
+.menu {
+  padding-left: 20px !important;
 }
\ No newline at end of file
diff --git a/src/theme/DocSidebarItem/index.js b/src/theme/DocSidebarItem/index.js
index a85d1c0..7aeb75f 100644
--- a/src/theme/DocSidebarItem/index.js
+++ b/src/theme/DocSidebarItem/index.js
@@ -8,7 +8,7 @@ export default function DocSidebarItemWrapper(props) {
   // 只为文档类型的项目添加标记功能
   if (item.type === 'doc') {
     return (
-      <div style={{ position: 'relative' }}>
+      <div className="menu__link-wrapper" style={{ position: 'relative' }}>
         <DocSidebarItem {...props} />
         <Bookmark docId={item.docId} />
       </div>