Commit 4a4f38f
committed
Fix mobile input bar rendering ~3 lines tall with the prompt/text misaligned
#cmd uses white-space:pre (needed to preserve the editable content's exact
spacing), which also preserves any literal whitespace that's a direct text-
node child of #cmd -- and the pretty-printed HTML had a newline+indentation
before the first <span> and another before <textarea>. Those became real
rendered blank/indented lines, inflating the input bar to ~3 line-heights
(~116px on an iPhone-width viewport, measured) instead of one, with the
placeholder text appearing indented on a lower "line" than the "> " prompt
beside it -- looked like two disconnected prompts stacked vertically.
Collapsed the div to a single line with no inter-element whitespace.
Also matched #inputbar .prompt's font-size to #cmd's mobile 16px (previously
14px) so the prompt and input text share a baseline instead of sitting at
visibly different sizes on the same row.
Reproduced live via a route-intercepted Playwright session against the
production site's own driver assets (bar height 115.75px before, 46.19px
after) and confirmed against a plain local serve of the file (same before/
after numbers), not just reasoned from the CSS.1 parent 182679a commit 4a4f38f
1 file changed
Lines changed: 6 additions & 8 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
296 | 296 | | |
297 | 297 | | |
298 | 298 | | |
299 | | - | |
| 299 | + | |
| 300 | + | |
| 301 | + | |
| 302 | + | |
300 | 303 | | |
301 | 304 | | |
302 | 305 | | |
| |||
310 | 313 | | |
311 | 314 | | |
312 | 315 | | |
313 | | - | |
| 316 | + | |
314 | 317 | | |
315 | 318 | | |
316 | 319 | | |
| |||
408 | 411 | | |
409 | 412 | | |
410 | 413 | | |
411 | | - | |
412 | | - | |
413 | | - | |
414 | | - | |
415 | | - | |
416 | | - | |
| 414 | + | |
417 | 415 | | |
418 | 416 | | |
419 | 417 | | |
| |||
0 commit comments