Narrow screens: tab bars scroll on one line, the tree drops its message column, and wide content scrolls inside its panel 883c77eaf2c9
refs #12
- Author
- Andy McCall @andymccall <[email protected]>
- When
- · 2026-09-28 13:45 UTC
- Signature
- ✔ signed by Andy McCall
- Hash
883c77eaf2c9645cf8a634948c37c5b94942a4756d7810494c5d8998ba62eac1- Depends on
- 756fe44a0f4d d23464c0ac60
- Depended on by
- 1656dc14c2ac
- In bookmarks
- api-unknown-fields cancel-landed-runs clear-waiting close-proposal-140 diffusion-pin-bookmark draft-ready image-check job-waits main oh-comment-body-file proposal-list-fast run-one-job wiki-says-so
- In tags
- v0.1.0 v0.2.0 v0.3.0 v0.3.1 v0.4.0 v0.4.1 v0.4.2 v0.5.0 v0.5.1 v0.5.2 v0.6.0 v0.6.1 v0.7.0 v0.8.0 v0.9.0 v0.9.1 v0.9.11 v0.9.15 v0.9.16 v0.9.19 v0.9.2 v0.9.20 v0.9.21 v0.9.22 v0.9.23 v0.9.24 v0.9.3 v0.9.4 v0.9.5 v0.9.6 v0.9.7 v0.9.8 v0.9.9
- Edits
- 2 atoms, 0 tree operations, 1 file
Browse the tree at this change
modified templates/style.css +8 −1
| … | 480 unchanged lines |
||
| 481 | 481 | .skip:focus { top: 8px; } |
|
| 482 | 482 | main:focus { outline: none; } |
|
| 483 | 483 | @media (max-width: 760px) { |
|
| 484 | - | .tabs-in { overflow-x: auto; white-space: nowrap; scrollbar-width: thin; -webkit-overflow-scrolling: touch; } |
|
| 484 | + | .tabs-in { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; scrollbar-width: thin; -webkit-overflow-scrolling: touch; } |
|
| 485 | + | .side-layout > * { min-width: 0; } |
|
| 486 | + | table.tree { table-layout: fixed; width: 100%; } |
|
| 487 | + | table.tree td.last { display: none; } |
|
| 488 | + | table.tree td.age { width: 7.5em; text-align: right; white-space: nowrap; } |
|
| 489 | + | table.tree td.g { width: 1.6em; } |
|
| 490 | + | article.doc, .panel { overflow-x: auto; } |
|
| 491 | + | article.doc pre, article.doc table { max-width: 100%; overflow-x: auto; } |
|
| 485 | 492 | .tabs-in > * { flex-shrink: 0; } |
|
| 486 | 493 | .band { overflow-x: auto; white-space: nowrap; } |
|
| 487 | 494 | main table.list, main table.flow-runs { display: block; overflow-x: auto; } |
|
| … | 5 unchanged lines |