From de421f985e393ee179c09f491409ce0698cb1dc1 Mon Sep 17 00:00:00 2001 From: GouJ Date: Fri, 4 Sep 2026 11:55:32 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E7=94=A8=E9=A1=B5=E9=9D=A2=E5=BA=95?= =?UTF-8?q?=E8=89=B2=E5=88=86=E9=9A=94=E5=9B=BE=E5=BA=93=E6=90=9C=E7=B4=A2?= =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E5=92=8C=E5=88=97=E8=A1=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/admin.css | 4 ++-- src/components/ui/flatTheme.test.ts | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/admin.css b/src/admin.css index ee2a198..6d0972d 100644 --- a/src/admin.css +++ b/src/admin.css @@ -458,12 +458,12 @@ body { .gallery-workspace-page .workspace-scroll-content { padding-top: 8px; } -/* 筛选与关联素材整体吸顶;间距由内部 padding 承担,避免出现透明断层。 */ +/* 筛选和关联行各自保留面板底色;外层用页面底色绘制与列表的间隔,吸顶时不透图。 */ .gallery-workspace-page .gallery-sticky-controls { position: sticky; top: 0; z-index: 10; - background: var(--app-subtle); + background: var(--app-body); margin-block: 10px 0; padding-bottom: 12px; } diff --git a/src/components/ui/flatTheme.test.ts b/src/components/ui/flatTheme.test.ts index d0c60d8..aee3c2b 100644 --- a/src/components/ui/flatTheme.test.ts +++ b/src/components/ui/flatTheme.test.ts @@ -145,14 +145,14 @@ describe('全站平面主题', () => { // 静态保护吸顶和横向尺寸规则;真实视口滚动与位置仍需浏览器验收。 const css = readFileSync('src/admin.css', 'utf8') expect(css).toMatch( - /\.gallery-workspace-page \.gallery-sticky-controls\s*\{[^}]*position:\s*sticky;[^}]*top:\s*0;[^}]*z-index:\s*10;[^}]*background:\s*var\(--app-subtle\);/ + /\.gallery-workspace-page \.gallery-sticky-controls\s*\{[^}]*position:\s*sticky;[^}]*top:\s*0;[^}]*z-index:\s*10;[^}]*background:\s*var\(--app-body\);/ ) expect(css).toMatch( /\.gallery-workspace-page \.workspace-scroll > \.n-scrollbar-container\s*\{[^}]*overflow-anchor:\s*none;/ ) expect(css).toMatch(/\.asset-impact-links\s*\{[^}]*width:\s*max-content;[^}]*white-space:\s*nowrap;/) expect(css).toMatch(/\.gallery-sticky-controls > \.form-image-filter-region\s*\{[^}]*margin-block:\s*0;/) - // 列表前的间距属于吸顶容器内部,滚动时仍由不透明背景覆盖。 + // 间隔使用页面底色,与搜索面板明显分开;随容器吸顶,不会露出滚过的图片。 expect(css).toMatch( /\.gallery-workspace-page \.gallery-sticky-controls\s*\{[^}]*margin-block:\s*10px 0;[^}]*padding-bottom:\s*12px;/ )