Applying Density

Open ravichdev opened this issue 4 years ago • 1 comments

Issue by jwold Thursday Feb 27, 2020 at 22:24 GMT Originally opened as https://github.com/xwp/material-design-wp-plugin/issues/56

Feature description - Post MVP

As a site owner I'd like the ability to change density on my site.

For this user story we'll just look at how it is applied globally. We can offer a control within the Customizer to set all components to Default, Comfortable, Compact.

This will need discussion, prototyping, and acceptance criteria.

Initial wireframe:

Concepts: article and demo

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

Implementation brief

QA testing instructions

Demo

Changelog entry

Apr 13 '21 12:04 ravichdev

Comment by jwold Friday Apr 10, 2020 at 21:13 GMT

Implementation in numeric. Using SASS mixins to adjust. You set density to -1, -2, -3. 0 is default. In future might have positive numbers.
When set to -3, may do more than just hide padding or change it. Maybe hide label on text fields (as example).
Main use case for density is an enterprise app that wants to throw out a lot of data into a table and squeeze stuff down and as much screen as they can.
This may not be applicable to what we're doing with sites.
Trend is web dev is more padding overall. WP core is making entire UI more wide. There's an argument for making a more dense layout.
Not Phase 2.

Apr 13 '21 12:04 ravichdev