Ticket #1481: reaponsive-team-view.patch

trunk/wordpress.org/public_html/wp-content/plugins/wp-i18n-teams/css/i18n-teams.css

@@ -191 +191 @@
         border-width: 1px 0 0 1px;
         padding: 6px 15px;
 }
+
+@media (max-width: 700px) {
+
+        .translators-info,
+        .translators-info table,
+        .translators-info tbody,
+        .postcontent table,
+        .commentcontent table{
+                border: 0 !important;
+                border-color: transparent;
+        }
+        .translators-info thead th {
+                display: none;
+        }
+        .translators-info table tbody th,
+        .translators-info table tbody tr,
+        .translators-info table tbody td {
+                display: block;
+                text-align: left;
+        }
+        .translators-info table tbody tr {
+                border: 1px solid #ccc;
+                margin-bottom: 30px;
+        }
+        .translators-info table tbody td {
+                padding: 3px 10px;
+                position: relative;
+                padding-left: 50%;
+        }
+        .translators-info table tbody td:before {
+                position: absolute;
+                top: 0;
+                left: 10px;
+                width: 45%;
+        }
+        .translators-info td:before {
+                content: attr(data-column-title);
+        }
+
+}
+ No newline at end of file

trunk/wordpress.org/public_html/wp-content/plugins/wp-i18n-teams/views/all-locales.php

@@ -48 +48 @@
                                 <th colspan="2"><?php _e( 'Locale', 'wporg' ); ?></th>
                                 <th><?php _e( 'WP Locale', 'wporg' ); ?></th>
                                 <th><?php _e( 'Version', 'wporg' ); ?></th>
-                                <th colspan="2">GlotPress</th>
+                                <th colspan="2"><?php _e( 'GlotPress', 'wporg' ); ?></th>
                                 <th><!-- intentionally blank --></th>
                         </tr>
                 </thead>
@@ -60 +60 @@
                                 $classes .= $locale_data[ $locale->wp_locale ]['release_status'] . ' ' . $locale_data[ $locale->wp_locale ]['translation_status'];
                                 ?>
                                 <tr class="<?php echo trim( $classes ); ?>">
-                                        <td class="no-right-border">
+
+                                        <td data-column-title="<?php esc_attr_e( 'Locale', 'wporg' ); ?>" class="no-right-border">
                                                 <?php if ( $locale_data[ $locale->wp_locale ]['rosetta_site_url'] ) : ?>
                                                         <a href="<?php echo esc_url( $locale_data[ $locale->wp_locale ]['rosetta_site_url'] ); ?>">
                                                                 <?php echo esc_html( $locale->english_name ); ?>
@@ -69 +70 @@
                                                         <?php echo esc_html( $locale->english_name ); ?>
                                                 <?php endif; ?>
                                         </td>
-                                        <td class="no-left-border"><?php echo esc_html( $locale->native_name ); ?></td>
 
-                                        <td><?php echo esc_html( $locale->wp_locale ); ?></td>
+                                        <td data-column-title="<?php esc_attr_e( 'Locale', 'wporg' ); ?>" class="no-left-border">
+                                                <?php echo esc_html( $locale->native_name ); ?>
+                                        </td>
 
-                                        <td>
+                                        <td data-column-title="<?php esc_attr_e( 'WP Locale', 'wporg' ); ?>">
+                                                <?php echo esc_html( $locale->wp_locale ); ?>
+                                        </td>
+
+                                        <td data-column-title="<?php esc_attr_e( 'Version', 'wporg' ); ?>">
                                                 <?php
                                                         if ( $locale_data[ $locale->wp_locale ]['rosetta_site_url'] ) {
                                                                 if ( $locale_data[ $locale->wp_locale ]['latest_release'] ) {
@@ -86 +92 @@
                                                         }
                                                 ?>
                                         </td>
-                                        <td class="right no-right-border">
+
+                                        <td data-column-title="<?php esc_attr_e( 'GlotPress', 'wporg' ); ?>" class="right no-right-border">
                                                 <a href="https://translate.wordpress.org/locale/<?php echo $locale->slug; ?>">
                                                         <?php echo ( isset( $percentages[ $locale->wp_locale ] ) ) ? $percentages[ $locale->wp_locale ] . '%' : '&mdash;'; ?>
                                                 </a>
                                         </td>
-                                        <td class="no-left-border nowrap">
+
+                                        <td data-column-title="<?php esc_attr_e( 'GlotPress', 'wporg' ); ?>" class="no-left-border nowrap">
                                                 <a href="https://translate.wordpress.org/locale/<?php echo $locale->slug; ?>">
                                                         <?php echo $locale->slug; ?>
                                                 </a>
-                                        <td>
+                                        </td>
+
+                                        <td data-column-title="<?php esc_attr_e( 'Team', 'wporg' ); ?>">
                                                 <a href="<?php echo esc_url( add_query_arg( 'locale', $locale->wp_locale ) ); ?>">
                                                         <?php _e( 'Team', 'wporg' ); ?>
                                                 </a>
                                         </td>
+
                                 </tr>
                         <?php endforeach; ?>
                 </tbody>