fix: 顶部遮罩合并为横跨左右的一条

- 移除内容区 content-veil,只保留一条 fixed 遮罩
- 遮罩宽度从侧栏左边缘到内容区右边缘,左右同一水平高度
- 保留渐变与 blur(14px),验证 left=50 width=1340 top=148
This commit is contained in:
2026-10-31 16:28:14 +08:00
parent 50aea29ea6
commit 7a61acfa02
4 changed files with 20 additions and 10 deletions
+7 -3
View File
@@ -1318,11 +1318,11 @@ a.entry-href:hover {
position: relative;
}
/* 侧栏进入滚动后,顶部做半透明虚化遮罩,避免内容被硬切 */
.sidebar-fade {
/* 侧栏到内容区共用一条滚动虚化遮罩,同一水平高度 */
.scroll-fade {
position: fixed;
z-index: 20;
height: 56px;
height: 64px;
pointer-events: none;
opacity: 0;
background: linear-gradient(
@@ -1335,6 +1335,10 @@ a.entry-href:hover {
transition: opacity var(--su-duration-fast) var(--su-ease-in-out);
}
.scroll-fade.is-visible {
opacity: 1;
}
.sidebar-fade.is-visible {
opacity: 1;
}