WordPress.org

Making WordPress.org

Changeset 7826


Ignore:
Timestamp:
11/05/2018 09:10:03 PM (23 months ago)
Author:
coffee2code
Message:

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

Fit related data into same rows without taking up vertical space when introducing CSS-content added headers. Effectively brings layout back to what was originally intoduced in #1481.

The uses of !important are to override instances of !important set in the Breathe theme.

See #3903.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/wp-i18n-teams/css/i18n-teams.css

    r7825 r7826  
    304304    article.page .translators-info table tbody td[data-column-title]:before {
    305305        content: attr(data-column-title);
    306         position: initial;
    307         display: flex;
     306        position: absolute;
    308307        left: 10px;
    309         width: 50%;
     308        width: 33%;
    310309        font-weight: bold;
    311310    }
     
    313312    article.page .translators-info table tbody td:nth-of-type(1) {
    314313        display: inline-block;
    315         padding-left: 40%;
     314        padding-left: 33% !important;
    316315        padding-right: 5px;
    317         width: 30%;
     316        width: 66%;
    318317        border-bottom: none !important;
    319318    }
     
    322321        display: inline-block;
    323322        padding-left: 0;
    324         width: 23%;
     323        width: 33%;
    325324        border-bottom: none !important;
    326325    }
     
    328327    article.page .translators-info table tbody td:nth-of-type(3) {
    329328        border-top: 1px solid #f1f1f1 !important;
     329        padding-left: 33% !important;
    330330    }
    331331
    332332    article.page .translators-info table tbody td:nth-of-type(4) {
    333333        display: inline-block;
    334         padding-left: 40%;
     334        padding-left: 33% !important;
    335335        padding-right: 5px;
    336         width: 30%;
     336        width: 66%;
    337337        border-bottom: none !important;
    338338    }
     
    341341        display: inline-block;
    342342        padding-left: 0;
    343         width: 23%;
     343        width: 33%;
    344344        border-bottom: none !important;
    345345    }
     
    347347    article.page .translators-info table tbody td:nth-of-type(6) {
    348348        display: inline-block;
    349         padding-left: 40%;
    350         width: 30%;
     349        padding-left: 33% !important;
     350        width: 66%;
    351351        border-top: 1px solid #f1f1f1 !important;
    352352        border-bottom: none !important;
     
    356356        display: inline-block;
    357357        padding-left: 0;
    358         width: 23%;
     358        width: 33%;
    359359        border-top: 1px solid #f1f1f1 !important;
    360360        border-bottom: none !important;
     
    365365        border-bottom: none !important;
    366366        padding-right: 0;
    367     }
    368 }
     367        padding-left: 33% !important;
     368    }
     369}
Note: See TracChangeset for help on using the changeset viewer.