WordPress.org

Making WordPress.org

Opened 4 years ago

Closed 4 years ago

#1481 closed defect (fixed)

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

Reported by: petya Owned by: ocean90
Milestone: Priority: normal
Component: Make (Get Involved) / P2 Keywords: has-patch has-screenshots
Cc:

Description

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.

Attachments (9)

Screenshot_2015-12-17-18-52-51.png (110.0 KB) - added by petya 4 years ago.
The Teams page on mobile
i18n-teams.css.patch (508 bytes) - added by deconf 4 years ago.
reaponsive-team-view.patch (4.3 KB) - added by ramiy 4 years ago.
reaponsive-team-view.png (52.0 KB) - added by ramiy 4 years ago.
reaponsive-team-view-2.patch (4.3 KB) - added by ramiy 4 years ago.
reaponsive-team-view-2.png (36.6 KB) - added by ramiy 4 years ago.
i18n-teams-responsive.patch (3.1 KB) - added by deconf 4 years ago.
Responsive design with fewer rows.
i18n-teams-responsive.png (34.8 KB) - added by deconf 4 years ago.
i18n-teams-responsive.2.patch (3.1 KB) - added by deconf 4 years ago.
Replaces "Locale (English)" text with "Locale"

Download all attachments as: .zip

Change History (19)

@petya
4 years ago

The Teams page on mobile

#1 @SergeyBiryukov
4 years ago

  • Component changed from General to make.wordpress.org / P2

#2 @ocean90
4 years ago

#1485 was marked as a duplicate.

#3 @deconf
4 years ago

  • Keywords has-patch added

#4 @ramiy
4 years ago

@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.

#5 @ramiy
4 years ago

  • Keywords has-screenshots added

#6 follow-up: @deconf
4 years ago

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.

#7 in reply to: ↑ 6 @ramiy
4 years ago

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.

#8 @petya
4 years ago

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

Thanks Ramiy & Deconf

@deconf
4 years ago

Responsive design with fewer rows.

#9 @deconf
4 years ago

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.

Last edited 4 years ago by deconf (previous) (diff)

@deconf
4 years ago

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

#10 @ocean90
4 years ago

  • Owner set to ocean90
  • Resolution set to fixed
  • Status changed from new to closed

In 2229:

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

Props ramiy, deconf.
Fixes #1481.

Note: See TracTickets for help on using tickets.