hexo-theme-gnix 5.0.3 → 5.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-gnix",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "author": "Efterklang <gaojiaxing0220@gmail.com>",
   "license": "MIT",
   "description": "Second generation of Hexo theme Icarus, now with Catppuccin flavor and night mode support.",

package/source/css/default.css

@@ -1315,7 +1315,6 @@ section {
   opacity: 1;
   visibility: visible;
   backdrop-filter: blur(5px);
-  -webkit-backdrop-filter: blur(5px);
 }
 
 input.searchbox-input {
@@ -1359,10 +1358,19 @@ input.searchbox-input {
 .searchbox-body {
   flex-grow: 1;
   width: 100%;
-  overflow-y: auto;
   border-top: 1px solid var(--base);
 }
 
+.searchbox-result-section--posts {
+  max-height: 450px;
+  overflow-y: auto;
+}
+
+.searchbox-result-section--tags {
+  max-height: 250px;
+  overflow-y: auto;
+}
+
 .searchbox-result-item,
 .searchbox-result-section header {
   padding: 0.75em 1em;

package/source/css/twikoo.css

@@ -126,6 +126,33 @@
   flex-shrink: 1;
 }
 
+.el-textarea__inner {
+  display: block;
+  resize: vertical;
+  padding: 5px 15px;
+  line-height: 1.5;
+  box-sizing: border-box;
+  width: 100%;
+  font-size: inherit;
+  color: #606266;
+  background-color: var(--base);
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  &::placeholder {
+    color: var(--subtext0);
+  }
+
+  &:hover {
+    border-color: var(--subtext0);
+  }
+
+  &:focus {
+    outline: 0;
+    border-color: var(--blue);
+  }
+}
+
 .tk-input-image {
   display: none;
 }
@@ -187,6 +214,14 @@
   align-items: center;
 }
 
+.tk-action-icon {
+  display: inline-block;
+  height: 1em;
+  width: 1em;
+  line-height: 0;
+  color: var(--blue);
+}
+
 .tk-action-link .tk-action-icon-solid {
   display: none;
 }
@@ -208,14 +243,6 @@
   line-height: 1.5rem;
 }
 
-.tk-action-icon {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  line-height: 0;
-  color: var(--blue);
-}
-
 .tk-main {
   flex: 1;
   width: 0;
@@ -506,13 +533,11 @@
   padding: 0;
   height: 28px;
   text-align: center;
-  -moz-appearance: textfield;
   appearance: textfield;
 }
 
 .tk-pagination .el-input .el-input__inner::-webkit-inner-spin-button,
 .tk-pagination .el-input .el-input__inner::-webkit-outer-spin-button {
-  -webkit-appearance: none;
   appearance: none;
   margin: 0;
 }
@@ -594,17 +619,17 @@
   padding-right: 0.5em;
 }
 
-.tk-admin-config-groups .tk-admin-config-group,
-.tk-admin-config-groups .tk-admin-config-group-title {
-  background: transparent;
-}
-
 .tk-admin-config-group-title {
   margin-top: 1em;
   font-size: 1.25rem;
   font-weight: bold;
 }
 
+.tk-admin-config-groups .tk-admin-config-group,
+.tk-admin-config-groups .tk-admin-config-group-title {
+  background: transparent;
+}
+
 .tk-admin-config-item {
   display: grid;
   align-items: center;
@@ -827,16 +852,13 @@
   color: currentColor;
   background-color: transparent;
   border-color: hsl(from var(--surface1) h s l / 0.31);
-}
 
-.twikoo .el-input__inner:hover,
-.twikoo .el-textarea__inner:hover {
-  border-color: hsl(from var(--surface1) h s l / 0.5);
-}
-
-.twikoo .el-input__inner:focus,
-.twikoo .el-textarea__inner:focus {
-  border-color: var(--blue);
+  &:hover {
+    border-color: hsl(from var(--surface1) h s l / 0.5);
+  }
+  &:focus {
+    border-color: var(--blue);
+  }
 }
 
 .twikoo .el-button:not(.el-button--primary):not(.el-button--text) {
@@ -889,16 +911,9 @@
  */
 
 .OwO {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
 }
 
-.OwO.OwO-open .OwO-body {
-  display: block;
-}
-
 .OwO .OwO-logo {
   width: 1.125em;
   display: flex;
@@ -918,6 +933,10 @@
   z-index: 1000;
 }
 
+.OwO.OwO-open .OwO-body {
+  display: block;
+}
+
 .night .OwO .OwO-body,
 .darkmode .OwO .OwO-body,
 .DarkMode .OwO .OwO-body,
@@ -928,9 +947,6 @@
 }
 
 .OwO .OwO-body .OwO-items {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
   display: none;
   padding: 10px;
@@ -948,7 +964,6 @@
   font-size: 12px;
   line-height: 14px;
   cursor: pointer;
-  -webkit-transition: 0.3s;
   transition: 0.3s;
   text-align: center;
 }
@@ -1035,7 +1050,6 @@
 
 .OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active {
   background-color: rgba(144, 147, 153, 0.13);
-  -webkit-transition: 0.3s;
   transition: 0.3s;
 }
 
@@ -1045,20 +1059,16 @@
   white-space: nowrap;
   cursor: pointer;
   background: var(--base);
-  border: 1px solid #dcdfe6;
-  color: #606266;
-  -webkit-appearance: none;
+  border: 1px solid var(--surface0);
+  color: var(--subtext1);
+
   text-align: center;
-  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   outline: 0;
   margin: 0;
-  -webkit-transition: 0.1s;
   transition: 0.1s;
   font-weight: 500;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
+  user-select: none;
   padding: 12px 20px;
   font-size: 14px;
   border-radius: 4px;
@@ -1624,8 +1634,6 @@
 .el-input__inner,
 .el-textarea__inner {
   background-image: none;
-  -webkit-box-sizing: border-box;
-  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
 
 .el-textarea {
@@ -1636,46 +1644,6 @@
   font-size: 14px;
 }
 
-.el-textarea__inner {
-  display: block;
-  resize: vertical;
-  padding: 5px 15px;
-  line-height: 1.5;
-  box-sizing: border-box;
-  width: 100%;
-  font-size: inherit;
-  color: #606266;
-  background-color: var(--base);
-  border: 1px solid #dcdfe6;
-  border-radius: 4px;
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-
-.el-textarea__inner::-webkit-input-placeholder {
-  color: var(--subtext0);
-}
-
-.el-textarea__inner:-ms-input-placeholder {
-  color: var(--subtext0);
-}
-
-.el-textarea__inner::-ms-input-placeholder {
-  color: var(--subtext0);
-}
-
-.el-textarea__inner::placeholder {
-  color: var(--subtext0);
-}
-
-.el-textarea__inner:hover {
-  border-color: var(--subtext0);
-}
-
-.el-textarea__inner:focus {
-  outline: 0;
-  border-color: var(--blue);
-}
-
 .el-textarea .el-input__count {
   color: #909399;
   background: var(--base);
@@ -1755,7 +1723,6 @@
   color: var(--subtext0);
   font-size: 14px;
   cursor: pointer;
-  -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
   transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
 
@@ -1766,7 +1733,6 @@
 .el-input .el-input__count {
   height: 100%;
   display: inline-flex;
-  -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: #909399;
@@ -1789,7 +1755,6 @@
 }
 
 .el-input__inner {
-  -webkit-appearance: none;
   background-color: var(--base);
   border-radius: 4px;
   border: 1px solid #dcdfe6;
@@ -1818,18 +1783,6 @@
   display: none;
 }
 
-.el-input__inner::-webkit-input-placeholder {
-  color: var(--subtext0);
-}
-
-.el-input__inner:-ms-input-placeholder {
-  color: var(--subtext0);
-}
-
-.el-input__inner::-ms-input-placeholder {
-  color: var(--subtext0);
-}
-
 .el-input__inner::placeholder {
   color: var(--subtext0);
 }
@@ -1858,7 +1811,6 @@
   height: 100%;
   width: 25px;
   text-align: center;
-  -webkit-transition: all 0.3s;
   transition: all 0.3s;
   line-height: 40px;
 }
@@ -1882,9 +1834,6 @@
   cursor: not-allowed;
 }
 
-.el-input.is-disabled .el-input__inner::-webkit-input-placeholder,
-.el-input.is-disabled .el-input__inner:-ms-input-placeholder,
-.el-input.is-disabled .el-input__inner::-ms-input-placeholder,
 .el-input.is-disabled .el-input__inner::placeholder {
   color: var(--subtext1);
 }
@@ -2079,12 +2028,10 @@
 .el-loading-spinner .circular {
   height: 42px;
   width: 42px;
-  -webkit-animation: loading-rotate 2s linear infinite;
   animation: loading-rotate 2s linear infinite;
 }
 
 .el-loading-spinner .path {
-  -webkit-animation: loading-dash 1.5s ease-in-out infinite;
   animation: loading-dash 1.5s ease-in-out infinite;
   stroke-dasharray: 90, 150;
   stroke-dashoffset: 0;
@@ -2104,7 +2051,6 @@
 
 @keyframes loading-rotate {
   100% {
-    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

package/source/js/insight.js

@@ -143,6 +143,7 @@ function loadInsight(config, translation) {
       .join("");
 
     const sectionEl = section(sectionTitle);
+    sectionEl.classList.add(`searchbox-result-section--${type.toLowerCase()}`);
     sectionEl.insertAdjacentHTML("beforeend", itemsHTML);
     return sectionEl;
   }
@@ -210,11 +211,8 @@ function loadInsight(config, translation) {
           results.push({ item, weight: w });
         }
       }
-      // 排序并取 Top 5
-      return results
-        .sort((a, b) => b.weight - a.weight)
-        .map((r) => r.item)
-        .slice(0, 5);
+      // 排序返回全部结果（由 CSS 控制显示高度和滚动）
+      return results.sort((a, b) => b.weight - a.weight).map((r) => r.item);
     };
 
     return {
@@ -242,15 +240,20 @@ function loadInsight(config, translation) {
 
   function scrollTo(item) {
     if (!item) return;
-    const wrapperHeight = container.clientHeight;
-    const itemTop = item.offsetTop;
+    // 找到item所在的可滚动section
+    const section = item.closest(".searchbox-result-section");
+    if (!section) return;
+
+    const sectionHeight = section.clientHeight;
+    const itemTop = item.offsetTop - section.offsetTop;
     const itemHeight = item.clientHeight;
-    const scrollTop = container.scrollTop;
-    if (itemTop + itemHeight > scrollTop + wrapperHeight) {
-      container.scrollTop = itemTop + itemHeight - wrapperHeight;
+    const scrollTop = section.scrollTop;
+
+    if (itemTop + itemHeight > scrollTop + sectionHeight) {
+      section.scrollTop = itemTop + itemHeight - sectionHeight;
     }
     if (itemTop < scrollTop) {
-      container.scrollTop = itemTop;
+      section.scrollTop = itemTop;
     }
   }