tree 31fadd1557b8608087b31452f5ad9bac8215f44c
parent fbbb2969d93aef88173e0f0f59b77bd8b9f3d49d
author Adrià Vilanova Martínez <me@avm99963.com> 1640645881 +0100
committer Adrià Vilanova Martínez <me@avm99963.com> 1769517562 -0800

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