[PATCH yew-widget-toolkit-assets 0/3] material: 8px spacing, touch-sized controls

[Thomas Lamprecht <t.lamprecht@proxmox.com>]

Our material theme's 10px spacer puts its steps at 10, 20, 30 and
40px, off the 8dp grid that Material Design aligns components to, and
leaves a lot of room on desktops. Also, on phones, several controls are
smaller than a finger hits reliably.

This series lowers the Material default to 8px and keeps selected
controls at 44px where the primary pointer is coarse. The last patch
adds a root class that turns the touch sizes off, so an application
can offer that choice next to the density.

I checked it in Chromium with phone, tablet and desktop emulation in
the PVE mobile GUI and the PMG quarantine GUI and some other internal
UIs. FWICT, none of them needs changes but pages get about a fifth
tighter (more content visible and usable), and on a phone buttons grow
from 40px to 44px while list rows were already taller than that.

Updating the precompiled CSS is not sent along as part of the series and
needs a rebuild after applying, but that's purely mechanical.

Thomas Lamprecht (3):
  material: give controls a fingertip-sized target on touch screens
  material: reduce default spacing to 8px
  material: let an application turn the touch-sized controls off

 scss/introduction.md                      |  8 +++
 scss/material/_theme_config_material.scss |  7 +--
 scss/material/_theme_post_material.scss   | 74 +++++++++++++++++++++++
 3 files changed, 85 insertions(+), 4 deletions(-)

-- 
2.47.3