chill/menav
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 搜索框聚焦时发光

Browse Source
This commit is contained in:
rbetree
2026-01-04 22:21:21 +08:00
parent 82d6341c00
commit a9275ffc6d
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
assets/style.css
View File

@@ -754,7 +754,8 @@ body .content.expanded {
margin-bottom: 1rem; margin-bottom: 1rem;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 10; /* 搜索框必须始终位于页面内容之上，避免搜索结果卡片滚动时遮挡 */
z-index: 200;
} }
/* 分类切换按钮 */ /* 分类切换按钮 */
@@ -813,8 +814,10 @@ body .content.expanded {
} }
.search-box:focus-within { .search-box:focus-within {
border-color: var(--border-color); border-color: rgba(var(--accent-rgb), 0.55);
box-shadow: 0 6px 24px var(--shadow-color); box-shadow: 0 0 0 1px rgba(var(--accent-rgb), 0.28),
0 0 18px rgba(var(--accent-rgb), 0.18),
0 6px 24px var(--shadow-color);
} }
.search-box::after { .search-box::after {
@@ -2660,7 +2663,8 @@ body .content.expanded {
display: none; display: none;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
z-index: 15; /* 保持在搜索框之下，避免滚动时覆盖 sticky 的搜索容器 */
z-index: 1;
transform: none !important; transform: none !important;
/* 确保没有变换 */ /* 确保没有变换 */
min-height: 400px; min-height: 400px;