Cramped tag action links on small screens

[pento]

The action links on taxonomy list tables are cramped on small screens.

We could fix this by hiding the Slug column on small screens.

[shaunmza]

Hide slug column for screen widths smaller than 480px

[MikeNGarrett]

Modifications to follow WP standards

[MikeNGarrett]

Tested in iOS 8, 6 on iPhone 6, 3GS and Android 4, 4.4 on a Razr, Galaxy s5, all emulated.

29992.2.patch adds the same display rules for the users list page, matches svn paths and follows stylesheet @media rules established in other stylesheets.

[pento]

Instead of adding a new block, there's a rule dedicated to hiding columns on small screens:

https://core.trac.wordpress.org/browser/trunk/src/wp-admin/css/list-tables.css?rev=29775#L1567

This would be the best place to add the selector.

Also, the user list is a little trickier to deal with, because there are some old rules to consider - see #29995. Let's keep the patch for this ticket to fixing the taxonomy list table. :-)

[MikeNGarrett]

That's true, but the breakpoint is <782. Wouldn't it be better to handle this just for smartphones? This would be following the same logic that's in common.css. If not, I won't fight it.

[DrewAPicture]

What's the status here?

[MikeNGarrett]

29992.2.patch is the last agreed upon version. It needs to be tested with the latest on trunk. Otherwise, it should be good to go.

[ryan]

Categories page on iPhone 5 with 29992.2.patch applied

[ryan]

Categories page on Macnchrome with 29992.2.patch applied

[ryan]

Categories page on iPhone 6+, portrait with 29992.2.patch applied

[ryan]

Categories page on iPhone 6+, landscape with 29992.2.patch applied

[ryan]

Slug hides for iPhone 5 in both portrait and landscape. On an iPhone 6+, slug shows in landscape but hides in portrait. Slug shows for Macnchrome. Seems good.

[DrewAPicture]

Patch still applies, and my testing corroborates the vizrecs from @ryan. Seems ready to go.

[pento]

In 31865:

Taxonomy List Tables: On mobile devices, hide the slug column, to avoid cramping the action links into two rows.

Props MikeNGarrett.

Fixes #29992.