Long unbreakable tokens (OAuth URLs) grew the AppFrame center column past the viewport because the layout-push rule used the grid default min-height:auto. Cap --dsh-sidebar-height the same way setBottomHeight does (viewport minus PANEL_MIN) and let the column shrink and wrap.
23 lines
789 B
TypeScript
23 lines
789 B
TypeScript
/**
|
|
* layout.css must let the DSH conversation column shrink below its content
|
|
* size. Without min-height:0 a long unbreakable URL grows the grid item
|
|
* past the viewport and clips the composer.
|
|
*/
|
|
import { readFileSync } from 'node:fs'
|
|
import { describe, expect, it } from 'vitest'
|
|
|
|
const css = readFileSync('src/client/layout.css', 'utf8')
|
|
|
|
describe('layout.css conversation column', () => {
|
|
it('targets the AppFrame center column', () => {
|
|
expect(css).toContain('[data-pane="conversation"]')
|
|
expect(css).toContain('[data-slot="conversation"]')
|
|
})
|
|
|
|
it('allows the center column to shrink and wrap long tokens', () => {
|
|
expect(css).toMatch(/min-height:\s*0/)
|
|
expect(css).toMatch(/overflow:\s*hidden/)
|
|
expect(css).toMatch(/overflow-wrap:\s*anywhere/)
|
|
})
|
|
})
|