Making WordPress.org

Opened 10 years ago

Closed 10 years ago

#1481 closed defect (bug) (fixed)

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

Reported by: petya's profile petya Owned by: ocean90's profile 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 10 years ago.
The Teams page on mobile
i18n-teams.css.patch (508 bytes) - added by deconf 10 years ago.
reaponsive-team-view.patch (4.3 KB) - added by ramiy 10 years ago.
reaponsive-team-view.png (52.0 KB) - added by ramiy 10 years ago.
reaponsive-team-view-2.patch (4.3 KB) - added by ramiy 10 years ago.
reaponsive-team-view-2.png (36.6 KB) - added by ramiy 10 years ago.
i18n-teams-responsive.patch (3.1 KB) - added by deconf 10 years ago.
Responsive design with fewer rows.
i18n-teams-responsive.png (34.8 KB) - added by deconf 10 years ago.
i18n-teams-responsive.2.patch (3.1 KB) - added by deconf 10 years ago.
Replaces "Locale (English)" text with "Locale"

Download all attachments as: .zip

Change History (19)

@petya
10 years ago

The Teams page on mobile

#1 @SergeyBiryukov
10 years ago

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

#2 @ocean90
10 years ago

#1485 was marked as a duplicate.

#3 @deconf
10 years ago

  • Keywords has-patch added

#4 @ramiy
10 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
10 years ago

  • Keywords has-screenshots added

#6 follow-up: @deconf
10 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
10 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
10 years ago

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

Thanks Ramiy & Deconf

@deconf
10 years ago

Responsive design with fewer rows.

#9 @deconf
10 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 765px.

Version 0, edited 10 years ago by deconf (next)

@deconf
10 years ago

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

#10 @ocean90
10 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.