Skip to content

Commit 7f52ca4

Browse files
Hongzhi Wenclaude
andcommitted
fix(compact): 历史区到输入框再压紧 10px(scroll padding-bottom 26→16)
实测(浏览器量盒模型 + canvas 量 box-shadow 衰减)定位上次「没变化」的真因:用户看到的间距是最下气泡「实体方块底」到输入框 ~28px、由 scroll padding-bottom 主导(给 box-shadow 漏出留的空间);anchor bottom 只控「裁剪边」到输入框那 2px,肉眼分不出 6/2,所以改它几乎无感。box-shadow 0 7px 18px 数学下沿 25px,但 canvas 实测视觉可见下沿仅 ~13px(清晰段 ~9px)。故 padding-bottom 26→16:气泡实体底 28→18px(明显紧 10px),裁剪净空 15.9px 仍包住阴影可见段、阴影不被裁(上轮成果保留)。anchor bottom 维持 2px(再压到 0 会与输入框视觉粘连、收益≈0)。 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1 parent 6eccf81 commit 7f52ca4

1 file changed

Lines changed: 7 additions & 3 deletions

File tree

frontend/react-neko-chat/src/styles.css

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2404,9 +2404,13 @@ body.electron-chat-window.subtitle-web-host .compact-export-history-anchor {
24042404
overflow-x: visible;
24052405
overscroll-behavior: contain;
24062406
touch-action: pan-y;
2407-
/* 底部 padding 给最下方气泡的 box-shadow(下沿~25px)留空间;block 容器下它被算进可滚区,钉底后阴影完整。
2408-
border-box 下不增 scroll 盒总高(=region),只让出底部内容区,不额外增整体留白。 */
2409-
padding: 4px 6px 26px;
2407+
/* 底部 padding 给最下方气泡的 box-shadow 留空间,block 容器下它被算进可滚区、钉底后阴影不被 overflow 裁;
2408+
border-box 下不增 scroll 盒总高(=region),只让出底部内容区,不额外增整体留白。
2409+
取 16px:box-shadow(0 7px 18px)数学下沿~25px,但实测(canvas 阴影衰减,白底最大对比)其视觉可见
2410+
下沿只到气泡实体底以下~16px(此处 alpha≈3/255≈1.2%,再往下不可察);清晰可见段(alpha≥8)仅~9px、
2411+
可感知段(alpha≥5)~13px,均落在 16px 内。压到 16 让气泡实体底更贴输入框(实体底到输入框由~28px→~18px)、
2412+
同时可见阴影完整不裁。再小(如12)会切到可感知段,不取。 */
2413+
padding: 4px 6px 16px;
24102414
scrollbar-width: thin;
24112415
scrollbar-color: transparent transparent;
24122416
pointer-events: none;

0 commit comments

Comments
 (0)