Make metadata tables responsive
In commit 9b8a1eb9ea3a6945c82411ef6742637f11b6056f we made Gitiles
responsive so that it looked better in small screens. However, metadata
tables weren't made responsive due to some accessibility challenges.
This CL finishes the responsiveness refactor by also making metadata
tables responsive. We achieve this by changing the HTML table with a
description list styled with a grid layout and subgrids[1] that adapt to
the screen width.
We use description lists since they are more semantically accurate for
key-value metadata pairs than tables.[2]
The linked bug contains screenshots that show the change.
[1]: Subgrids achieved the Baseline status in 2023:
https://web.dev/articles/css-subgrid.
[2]: https://html.spec.whatwg.org/multipage/grouping-content.html#the-dl-element
Bug: https://github.com/google/gitiles/issues/235
Change-Id: I83026d0fbe7df7601a07be5e6122cdbb2d27ec81
Gitiles is a simple repository browser for Git repositories, built on JGit. Its guiding principle is simplicity: it has no formal access controls, no write access, no fancy Javascript, etc.
Gitiles automatically renders *.md Markdown files into HTML for simplified documentation. Refer to the Markdown documentation for details.
Gitiles is configurable in a git-style configuration file named gitiles.config. Refer to the configuration documentation for details.
Use gerrit's issue tracker to file bugs.
Please refer to the Developer Guide.