short-drama-agent/short-drama-agent-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 用页面底色分隔图库搜索区域和列表

Browse Source
This commit is contained in:
GouJ
2026-09-04 11:55:32 +08:00
parent da95a3c29c
commit de421f985e
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/admin.css
+2 -2
View File
@@ -458,12 +458,12 @@ body {
.gallery-workspace-page .workspace-scroll-content { .gallery-workspace-page .workspace-scroll-content {
padding-top: 8px; padding-top: 8px;
} }
/* 筛选与关联素材整体吸顶；间距由内部 padding 承担，避免出现透明断层。 */ /* 筛选和关联行各自保留面板底色；外层用页面底色绘制与列表的间隔，吸顶时不透图。 */
.gallery-workspace-page .gallery-sticky-controls { .gallery-workspace-page .gallery-sticky-controls {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 10; z-index: 10;
background: var(--app-subtle); background: var(--app-body);
margin-block: 10px 0; margin-block: 10px 0;
padding-bottom: 12px; padding-bottom: 12px;
} }
src/components/ui/flatTheme.test.ts
+2 -2
View File
@@ -145,14 +145,14 @@ describe('全站平面主题', () => {
// 静态保护吸顶和横向尺寸规则；真实视口滚动与位置仍需浏览器验收。 // 静态保护吸顶和横向尺寸规则；真实视口滚动与位置仍需浏览器验收。
const css = readFileSync('src/admin.css', 'utf8') const css = readFileSync('src/admin.css', 'utf8')
expect(css).toMatch( 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( expect(css).toMatch(
/\.gallery-workspace-page \.workspace-scroll > \.n-scrollbar-container\s*\{[^}]*overflow-anchor:\s*none;/ /\.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(/\.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-sticky-controls > \.form-image-filter-region\s*\{[^}]*margin-block:\s*0;/)
// 列表前的间距属于吸顶容器内部，滚动时仍由不透明背景覆盖。 // 间隔使用页面底色，与搜索面板明显分开；随容器吸顶，不会露出滚过的图片。
expect(css).toMatch( expect(css).toMatch(
/\.gallery-workspace-page \.gallery-sticky-controls\s*\{[^}]*margin-block:\s*10px 0;[^}]*padding-bottom:\s*12px;/ /\.gallery-workspace-page \.gallery-sticky-controls\s*\{[^}]*margin-block:\s*10px 0;[^}]*padding-bottom:\s*12px;/
) )