bboysoul/dodo
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

fix: improve Today mobile environment layout
ci / gitleaks (push) Successful in 7s
Details
ci / docker (push) Successful in 4m43s
Details

Browse Source
This commit is contained in:
bboysoul
2026-09-16 12:45:13 +08:00
parent 0a4d5f2f05
commit 6c84f46bb8
3 changed files with 37 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/TodayEnvironmentStrip.test.ts
+16 -2
View File
@@ -89,10 +89,24 @@ describe('TodayEnvironmentStrip', () => {
expect(host.querySelectorAll('.today-environment__refreshing')).toHaveLength(0)
})
it('keeps refresh announcements out of the visual row layout', () => {
it('renders compact mobile date copy while preserving desktop and gold date semantics', async () => {
const host = await mountStrip({ environment })
expect(host.querySelector('.today-environment__calendar-main--desktop')?.textContent).toBe('2026年9月16日 星期三')
expect(host.querySelector('.today-environment__calendar-main--mobile')?.textContent).toBe('9月16日 周三')
const goldDate = host.querySelector('.today-environment__gold-date--mobile')
expect(goldDate?.textContent).toBe('09-15')
expect(goldDate?.getAttribute('title')).toBe('市场日期 2026-09-15')
expect(goldDate?.getAttribute('aria-label')).toBe('市场日期 2026-09-15')
})
it('keeps mobile content to a horizontal calendar row and two stacked source columns', () => {
const css = readFileSync(resolve(process.cwd(), 'src/style.css'), 'utf8')
expect(css).toContain('.today-environment__status:not(.today-environment__state){position:absolute;width:1px;height:1px;')
expect(css).toContain('@container(max-width:559px){.today-environment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);')
expect(css).toContain('.today-environment__item{display:flex;gap:4px;overflow:hidden}')
expect(css).toContain('.today-environment__calendar{grid-column:1/-1;grid-row:1;display:flex;flex-direction:row;padding-right:0}')
expect(css).toContain('.today-environment__weather,.today-environment__gold{display:flex;flex-direction:column;align-items:flex-start;gap:2px}')
expect(css).toContain('.today-environment__calendar-main--desktop,.today-environment__gold-date--desktop{display:none}')
expect(css).toContain('.today-environment__calendar-main--mobile,.today-environment__gold-date--mobile{display:inline}')
expect(css).not.toContain('.today-environment__calendar{padding-right:42%}')
})
})