Background
The metadata table design, part of core, currently falls out of many other tables in Wikiverse and also is very different to Codex table guidelines.
Goal
Bring the design of the table closer to Codex guidelines and on the way remove static color values with dark-mode enabling design tokens.
Known use cases & examples
The metadata style is only used in Image EXIF metadata tables
Open questions
Acceptance criteria
Design
Clarify open questions ahead of reviewing
- Leaving the smaller font-size as before? In my opinion we probably should as those metadata tables can get very long
- We can't use Codex default table spacing of 12px, together with the smaller font-size it gets contradicting design-wise. I've proposed spacing-35 (6px) horizontally and spacing-25 (4px) vertically for now
- Left-align or right align the table headers? Right align was @Sarai-WMDE's comment and that's what I went for now
- Boldening or unboldening table headers. Issue here is, the content is the important thing, it's a bit noisey.
Code
- Provide a patch for Metadata table
- Remove non-Codex tokens colors that negatively affect dark mode
- Right align the table headers
- Use minimum Codex font-size of 12px equivalent
- Increase spacing slightly to better amend to minimum font-size above