Holdings UI overhaul, CSS design system
Cleaned up of the holdings page and start reviewing design system:
- Full-width layout shows more details on big screens. Compact navigation to save space.
- Better contrast colors in light and dark mode.
- Fixed tag filter on iOS tap and hover colors.
- Various tweaks: tag list gaps, badge positioning, table heading color variable.
- Table rows navigate on click instead of inline links.
Nerdy details
- Modular css components for ergonomics, cacheability and:
tags.css,badges.css,inputs.css,colors.css. - Parameterize colors into CSS variables; use oklch color space.
- Icon system:
--icon-size,icon-wrapper, responsive sizing, newfilter.svg. - Make spacing consistent.
bin/dietutility for finding large files.- Updated
ruby-prof ~> 2.xto fix broken builds on Fedora 43.