Commit b05d882
committed
open-timestamps: wrap tables in .table-responsive for mobile
Mobile-viewport sweep (375x667 / 390x844 / 412x915) found that the
Calendars and Recent commits tables are 509px wide and were overflowing
past the viewport edge with no internal scroll. Document docW stayed
== visW because an upstream .d-flex has overflow-x: clip, so the right
columns of both tables were silently CLIPPED on every mobile screen
under 509px wide -- users couldn't see the rightmost columns at all
(commits, blocks, calendar URI tail, etc.).
Fix: wrap each <table> in a <div class='table-responsive'> -- Bootstrap's
standard pattern for tables that need horizontal scroll on small screens.
The table itself stays at natural width; the wrapper scrolls.
No code changes needed for the rest of the page: the dropzones, the
hero copy, and the form layout already collapse cleanly via the existing
.col-md-6 breakpoints. The 'DIV.row.g-3' bounding-box overhang seen in
the sweep is Bootstrap's gutter negative-margin artifact (compensated by
.container-xl padding), harmless.
102 _ordpool jest tests pass. AOT prod build clean.
\xf0\x9f\x98\xba1 parent 0155930 commit b05d882
1 file changed
Lines changed: 4 additions & 0 deletions
Lines changed: 4 additions & 0 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
82 | 82 | | |
83 | 83 | | |
84 | 84 | | |
| 85 | + | |
85 | 86 | | |
86 | 87 | | |
87 | 88 | | |
| |||
110 | 111 | | |
111 | 112 | | |
112 | 113 | | |
| 114 | + | |
113 | 115 | | |
114 | 116 | | |
115 | 117 | | |
| |||
131 | 133 | | |
132 | 134 | | |
133 | 135 | | |
| 136 | + | |
134 | 137 | | |
135 | 138 | | |
136 | 139 | | |
| |||
165 | 168 | | |
166 | 169 | | |
167 | 170 | | |
| 171 | + | |
168 | 172 | | |
169 | 173 | | |
0 commit comments