fix: compact mobile bottom navigation
This commit is contained in:
@@ -204,7 +204,7 @@ describe('solid cream material system', () => {
|
||||
it('keeps controls solid, focus visible, mobile targets safe, and motion reducible', () => {
|
||||
expect(css).toContain('input,select,textarea,.search{background:var(--surface-raised)')
|
||||
expect(css).toContain(':focus-visible{outline:3px solid var(--focus-ring)')
|
||||
expect(css).toContain('@media(max-width:930px){.bottom{left:0;right:0;bottom:0;height:calc(64px + var(--safe-area-bottom));')
|
||||
expect(css).toContain('@media(max-width:930px){.bottom{left:0;right:0;bottom:0;height:calc(56px + var(--safe-area-bottom));')
|
||||
expect(css).toContain('border:0;border-top:1px solid var(--border-cream);border-radius:0;padding:4px 10px var(--safe-area-bottom)')
|
||||
expect(css).toMatch(/\.bottom button\{[^}]*min-height:44px/)
|
||||
expect(css).toMatch(/\.bottom button\.active\{[^}]*background:transparent/)
|
||||
@@ -1196,7 +1196,7 @@ describe('unified floating add interaction', () => {
|
||||
expect(css).toContain('.unified-fab.snapping')
|
||||
expect(countdownPanel).toContain('<AppSheet :open="open" variant="create"')
|
||||
expect(countdownPanel).toContain('panel-class="countdown-modal"')
|
||||
expect(css).toMatch(/@media\(max-width:930px\)\{[^}]*\.bottom\{[^}]*height:calc\(64px \+ var\(--safe-area-bottom\)\)[\s\S]*?\.unified-fab\{bottom:calc\(76px \+ var\(--safe-area-bottom\)\)\}/)
|
||||
expect(css).toMatch(/@media\(max-width:930px\)\{[^}]*\.bottom\{[^}]*height:calc\(56px \+ var\(--safe-area-bottom\)\)[\s\S]*?\.unified-fab\{bottom:calc\(68px \+ var\(--safe-area-bottom\)\)\}/)
|
||||
})
|
||||
|
||||
it('renders the original orange circular plus button', () => {
|
||||
|
||||
Reference in New Issue
Block a user