style: 优化剧集阅读吸顶标题

2026-09-22 19:29:27 +08:00
parent a442087ea9
commit 65e8f9c3ba
4 changed files with 15 additions and 24 deletions
@@ -71,7 +71,14 @@ describe('连续剧本阅读器', () => {
        expect(content).toContain('padding: 32px')
        expect(content).toContain('text-align: left')
        expect(content).not.toContain('auto')
-        expect(css).toMatch(/@media \(max-width: 800px\)[\s\S]*?\.reader-content\s*\{\s*padding-inline:\s*18px/)
+        expect(css).toMatch(
+            /\.reader-chapter-heading\s*\{[^}]*position:\s*sticky;[^}]*top:\s*0;[^}]*z-index:\s*2;[^}]*background:\s*var\(--app-surface\)/
+        )
+        expect(css).toMatch(
+            /\.reader-chapter-heading\s*\{[^}]*margin-inline:\s*calc\(var\(--reader-gutter\) \* -1\);[^}]*padding:\s*14px var\(--reader-gutter\) 18px;/
+        )
+        expect(css).toMatch(/@media \(max-width: 800px\)[\s\S]*?\.reader-content\s*\{[^}]*padding-inline:\s*18px/)
+        expect(css).toMatch(/@media \(max-width: 800px\)[\s\S]*?\.reader-content\s*\{[^}]*--reader-gutter:\s*18px/)
        expect(css).toMatch(/@media \(max-width: 800px\)[\s\S]*?\.episode-reader\s*\{[^}]*72px/)
    })