WordPress.org

Making WordPress.org

Ticket #1481: i18n-teams-responsive.patch

File i18n-teams-responsive.patch, 3.1 KB (added by deconf, 5 years ago)

Responsive design with fewer rows.

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

     
    191191        border-width: 1px 0 0 1px;
    192192        padding: 6px 15px;
    193193}
     194
     195@media (max-width: 768px) {
     196
     197        .show-all tbody tr,
     198        .translators-info.show-latest tbody tr.latest,
     199        .translators-info.show-minor-behind tbody tr.minor-behind,
     200        .translators-info.show-major-behind-one tbody tr.major-behind-one,
     201        .translators-info.show-major-behind-many tbody tr.major-behind-many,
     202        .translators-info.show-no-releases tbody tr.no-releases,
     203        .translators-info.show-no-site tbody tr.no-site,
     204        .translators-info.show-translated-100 tbody tr.translated-100,
     205        .translators-info.show-translated-95 tbody tr.translated-95,
     206        .translators-info.show-translated-90 tbody tr.translated-90,
     207        .translators-info.show-translated-50-less tbody tr.translated-50-less,
     208        .translators-info.show-translated-50 tbody tr.translated-50 {
     209                display: block;
     210        }
     211
     212        .translators-info table thead th {
     213                display: none;
     214        }
     215
     216        .translators-info table {
     217                border: none !important;
     218        }
     219
     220        .translators-info table td {
     221                border-width: 0px 0px 1px 0px !important;
     222        }
     223
     224        .translators-info table tr {
     225                border: 1px solid #ccc !important;
     226        }
     227
     228        .translators-info table tbody th,
     229        .translators-info table tbody td {
     230                display: block;
     231                text-align: left;
     232        }
     233
     234        .translators-info table tbody tr {
     235                margin-top: 20px;
     236        }
     237       
     238        .translators-info table tbody td {
     239                padding: 3px 10px;
     240                position: relative;
     241                padding-left: 40%;
     242        }
     243       
     244        .translators-info table tbody td:before {
     245                position: absolute;
     246                left: 10px;
     247                width: 50%;
     248        }
     249       
     250        .translators-info table tbody td:nth-of-type(1) {
     251                display: inline-block;
     252                padding-left: 40%;
     253                padding-right: 5px;
     254                width: 30%;
     255                border-bottom: none !important;
     256        }
     257
     258        .translators-info table tbody td:nth-of-type(2) {
     259                display: inline-block;
     260                padding-left: 0px;
     261                width: 23%;
     262                border-bottom: none !important;
     263        }
     264
     265        .translators-info table tbody td:nth-of-type(3) {
     266                border-top: 1px solid #ccc !important;
     267        }
     268
     269        .translators-info table tbody td:nth-of-type(5) {
     270                display: inline-block;
     271                padding-left: 40%;
     272                width: 30%;
     273                border-bottom: none !important;
     274        }
     275
     276        .translators-info table tbody td:nth-of-type(6) {
     277                display: inline-block;
     278                padding-left: 0px;
     279                width: 23%;
     280                border-bottom: none !important;
     281        }
     282
     283        .translators-info table tbody td:nth-of-type(7) {
     284                border-top: 1px solid #ccc !important;
     285                border-bottom: none !important;
     286                padding-right: none;
     287        }                       
     288
     289        .translators-info table tbody td:nth-of-type(1):before { content: "Locale (English)"; }
     290        .translators-info table tbody td:nth-of-type(3):before { content: "WP Locale"; }
     291        .translators-info table tbody td:nth-of-type(4):before { content: "Version"; }
     292        .translators-info table tbody td:nth-of-type(5):before { content: "GlotPress"; }
     293}