fix(html): mobile layout for filters (#24506)

This commit is contained in:
Pavel Feldman 2023-07-31 16:54:07 -07:00 committed by GitHub
parent 77b1ec4a53
commit 009f9994df
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 2 deletions

View File

@ -64,7 +64,7 @@ export const HeaderView: React.FC<React.PropsWithChildren<{
const StatsNavView: React.FC<{ const StatsNavView: React.FC<{
stats: Stats stats: Stats
}> = ({ stats }) => { }> = ({ stats }) => {
return <nav className='d-flex no-wrap'> return <nav>
<Link className='subnav-item' href='#?'> <Link className='subnav-item' href='#?'>
All <span className='d-inline counter'>{stats.total}</span> All <span className='d-inline counter'>{stats.total}</span>
</Link> </Link>

View File

@ -43,7 +43,7 @@ export const TestFilesView: React.FC<{
return <> return <>
<div className='p-2' style={{ display: 'flex' }}> <div className='p-2' style={{ display: 'flex' }}>
{projectNames.length === 1 && !!projectNames[0] && <div data-testid="project-name" style={{ color: 'var(--color-fg-subtle)' }}>Project: {projectNames[0]}</div>} {projectNames.length === 1 && !!projectNames[0] && <div data-testid="project-name" style={{ color: 'var(--color-fg-subtle)' }}>Project: {projectNames[0]}</div>}
{!filter.empty() && <div data-testid="filtered-tests-count" style={{ color: 'var(--color-fg-subtle)' }}>Filtered: {filteredStats.total}</div>} {!filter.empty() && <div data-testid="filtered-tests-count" style={{ color: 'var(--color-fg-subtle)', padding: '0 10px' }}>Filtered: {filteredStats.total}</div>}
<div style={{ flex: 'auto' }}></div> <div style={{ flex: 'auto' }}></div>
<div data-testid="overall-duration" style={{ color: 'var(--color-fg-subtle)' }}>Total time: {msToString(filteredStats.duration)}</div> <div data-testid="overall-duration" style={{ color: 'var(--color-fg-subtle)' }}>Total time: {msToString(filteredStats.duration)}</div>
</div> </div>