make.wordpress.org/polyglots/teams is not responsive

[petya]

The teams table on make.wordpress.org/polyglots/teams is not adapting on mobile devices which cause the page to only display the first two columns and the links to the teams' individual pages are not assessable at all.

It looks like this: ​https://www.dropbox.com/s/htubud28ec6iub1/Screenshot_2015-12-17-18-52-51.png?dl=0

Could somebody help out with displaying the whole table on that page on mobile.

[petya]

The Teams page on mobile

[ocean90]

#1485 was marked as a duplicate.

[ramiy]

@deconf, I prefer to create a responsive table view for smaller devices using media queries.

We did the same thing in ​translation stats, ticket #1238.

[deconf]

As long as all the information remains (all columns), it's fine with me.

If what you're saying implies stripping columns out, that table won't help us too much. And we really need it all while we aren't at a desktop or using a high resolution device.

[ramiy]

Replying to deconf:

As long as all the information remains (all columns), it's fine with me.

Basically, in desktop view we show the column titles on top, in mobile view the titles are on the left side of the row. We don't strip any columns out.

Any way, this is a good first step, you can tweak the patch.

[petya]

It's a great first step. Works for me.

Thanks Ramiy & Deconf

[deconf]

Responsive design with fewer rows.

[deconf]

With i18n-teams-responsive we can keep the look of the original page and we are not introducing any additional rows. See:

Also, because on this page we have a sidebar the media query needs to be increased to 768px.

[deconf]

Replaces "Locale (English)" text with "Locale"

[ocean90]

In 2229:

WP i18n teams: Improve layout of the teams table on narrow screens.

Props ramiy, deconf.
Fixes #1481.