diff --git a/argontheme.js b/argontheme.js
index 2a85de9..41fc4d3 100644
--- a/argontheme.js
+++ b/argontheme.js
@@ -3203,14 +3203,14 @@ $(document).on("click" , "#blog_categories .tag" , function(){
// 同步更新桌面端计数
$(".todo-count").text(count);
- // 更新折叠按钮
- var collapseBtn = $("#mobile-todo-collapse-btn");
- if (collapseBtn.length) {
- collapseBtn.find(".mobile-todo-completed-count").text(completedCount);
+ // 更新分隔栏的已完成数量
+ var divider = $("#mobile-todo-collapse-btn");
+ if (divider.length) {
+ divider.find(".mobile-todo-completed-count").text(completedCount);
if (completedCount > 0) {
- collapseBtn.show();
+ divider.show();
} else {
- collapseBtn.hide();
+ divider.hide();
}
}
}
diff --git a/sidebar.php b/sidebar.php
index 7208d17..a1632f9 100644
--- a/sidebar.php
+++ b/sidebar.php
@@ -165,15 +165,6 @@ $author_desc = get_option('argon_sidebar_author_description');
- 0) :
- ?>
-
-
@@ -191,28 +182,22 @@ $author_desc = get_option('argon_sidebar_author_description');
-
-
+
-
-
-
-
-
-
-
-
-
+
@@ -224,6 +209,34 @@ $author_desc = get_option('argon_sidebar_author_description');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- 0) : ?>
-
-
@@ -887,28 +894,22 @@ $author_desc = get_option('argon_sidebar_author_description');
-
-
+
-
-
-
-
-
-
-
-
-
+
@@ -920,7 +921,34 @@ $author_desc = get_option('argon_sidebar_author_description');
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
0) {
- collapseBtn.style.display = 'flex';
+ divider.style.display = 'flex';
} else {
- collapseBtn.style.display = 'none';
+ divider.style.display = 'none';
}
}
diff --git a/style.css b/style.css
index f26533e..c3dd550 100644
--- a/style.css
+++ b/style.css
@@ -11053,6 +11053,63 @@ html.darkmode.amoled-dark #content:after {
min-width: 10px;
text-align: center;
}
+
+ /* 移动端已完成任务分隔栏 */
+ .mobile-todo-completed-divider {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 8px 12px;
+ margin: 8px 0 6px;
+ background: var(--color-foreground);
+ border-radius: 10px;
+ cursor: pointer;
+ transition: all var(--animation-fast) var(--ease-standard);
+ user-select: none;
+ border-top: 1px dashed rgba(var(--themecolor-rgbstr), 0.2);
+ border-bottom: 1px dashed rgba(var(--themecolor-rgbstr), 0.2);
+ list-style: none;
+ }
+
+ .mobile-todo-completed-divider:active {
+ background: rgba(var(--themecolor-rgbstr), 0.08);
+ transform: scale(0.98);
+ }
+
+ .mobile-todo-completed-divider .divider-text {
+ display: flex;
+ align-items: center;
+ gap: 5px;
+ font-size: 11px;
+ font-weight: 600;
+ color: #6c757d;
+ }
+
+ .mobile-todo-completed-divider .divider-text i {
+ color: #28a745;
+ font-size: 10px;
+ }
+
+ .mobile-todo-completed-divider .mobile-todo-completed-count {
+ background: rgba(40, 167, 69, 0.15);
+ color: #28a745;
+ font-size: 9px;
+ font-weight: 600;
+ padding: 2px 5px;
+ border-radius: 6px;
+ min-width: 16px;
+ text-align: center;
+ }
+
+ .mobile-todo-completed-divider .divider-arrow {
+ font-size: 9px;
+ color: #6c757d;
+ transition: transform var(--animation-fast) var(--ease-standard);
+ }
+
+ .mobile-todo-completed-divider.collapsed .divider-arrow {
+ transform: rotate(-90deg);
+ }
#navbar_global {
background: var(--color-foreground);
@@ -12652,6 +12709,62 @@ html.navbar-absolute #leftbar_part3.sticky {
text-align: center;
}
+/* 已完成任务分隔栏 */
+.todo-completed-divider {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 8px 10px;
+ margin: 8px 0 6px;
+ background: var(--color-foreground);
+ border-radius: 8px;
+ cursor: pointer;
+ transition: all var(--animation-fast) var(--ease-standard);
+ user-select: none;
+ border-top: 1px dashed rgba(var(--themecolor-rgbstr), 0.2);
+ border-bottom: 1px dashed rgba(var(--themecolor-rgbstr), 0.2);
+ list-style: none;
+}
+
+.todo-completed-divider:hover {
+ background: rgba(var(--themecolor-rgbstr), 0.05);
+}
+
+.todo-completed-divider .divider-text {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ font-size: 12px;
+ font-weight: 600;
+ color: #6c757d;
+}
+
+.todo-completed-divider .divider-text i {
+ color: #28a745;
+ font-size: 11px;
+}
+
+.todo-completed-divider .todo-completed-count {
+ background: rgba(40, 167, 69, 0.15);
+ color: #28a745;
+ font-size: 10px;
+ font-weight: 600;
+ padding: 2px 6px;
+ border-radius: 6px;
+ min-width: 18px;
+ text-align: center;
+}
+
+.todo-completed-divider .divider-arrow {
+ font-size: 10px;
+ color: #6c757d;
+ transition: transform var(--animation-fast) var(--ease-standard);
+}
+
+.todo-completed-divider.collapsed .divider-arrow {
+ transform: rotate(-90deg);
+}
+
/* 站长端:显示未完成数�?*/
.todo-count::before {
content: '';