Dashboard responsive columns don't work correctly when you set a specific number of columns.

[westi]

We have CSS that supports specific numbers of columns of dashboard widgets as well as responsive ones.

However if you use wp_dashboard and related APIs to create your own page of widgets in a plugin with a fixed number or selectable number of columns we never output the css classes that disable the responsive CSS.

Also the CSS for the unresponsive fixed columns is very crowded and loses the separation between the columns.

[westi]

Simple patch to output the class the CSS supports

[westi]

That patch makes 2 column mode work on a wide screen for me when I have a plugin that uses wp_dashboard() and has a 1/2 column toggle in screen options.

CSS needs some work though so there is still separation between the columns.

[westi]

A patch with proper CSS usage, thanks to kovshenin for pointing out my stupidity

[nacin]

I don't know if we should be supporting wp_dashboard() being used in a plugin.

[nacin]

In 26617:

Include columns-# CSS class in wp_dashboard() for when the screen supports it.

props westi.
fixes #26354.

[kovshenin]

In 26354.diff​: use more specific CSS selectors to target metabox containers with the columns screen setting, otherwise they're pretty useless with our responsive dash media queries.

[nacin]

Seems like all of this CSS (and [26617]) should just be removed outright, no?

[nacin]

In 26756:

Proper CSS specificity for columns-based dashboard grids.

props kovshenin.
fixes #26354.