Skip to content

v1.55

Choose a tag to compare

@mattshax mattshax released this 12 Sep 18:23
· 103 commits to main since this release
750903d

The element between the app and the views can shrink, so pages scroll on a phone (#333)

Measured in a headless browser at 390x844 rather than guessed at.

main.content, between .app-body and the views, is a flex item whose default min-height: auto refuses to shrink below its content. In the phone's column layout that let a tall page grow the whole layout past the viewport: Settings measured 2102px inside an 844px app, which pushed the navigation bar off-screen (nav@2143) and left nothing able to scroll, because .help-content and the other per-view scrollers never received a bounded height to work against. Chat looked fine only because its content already fits.

main.content { min-height: 0; min-width: 0 } fixes it. Re-measured across every view, each now reporting an app that fits the viewport, the bar on the bottom edge, and a working inner scroller:

chat      OK  app=844/844 nav@844
settings  OK  app=844/844 nav@844  help-content:735/2033*
help      OK  app=844/844 nav@844
library   OK  app=844/844 nav@844  explorer:286/822*
stats     OK  app=844/844 nav@844
agents    OK  app=844/844 nav@844
search    OK  app=844/844 nav@844
query     OK  app=844/844 nav@844