yari
yari copied to clipboard
fix(tables): wrap in table-container-inner
Summary
Fixes https://github.com/mdn/yari/issues/9962.
Problem
Tables in blog articles were overflowing on sm/md/lg screens, because they were only wrapped in figure.table-container, but not in figure.table-container-inner (like the BCD table).
Solution
Wrap tables in figure.table-container > figure.table-container.inner.
Screenshots
| Before | After |
|---|---|
How did you test this change?
Ran yarn && yarn dev and opened http://localhost:3000/en-US/blog/vs-code-tips-tricks/#shortcuts_for_navigation locally (requires mdn/mdn-studio).
Unfortunately, the current approach would cause a regression for large tables: