WordPress.org
Get WordPress

Make WordPress Core

Changeset 29974


Ignore:
Timestamp:
10/20/2014 07:18:36 PM (11 years ago)
Author:
iandstewart
Message:

Twenty Fifteen: correct comment meta alignment when avatar display is turned off.

Props iamtakashi, fixes #30046.

Location:
trunk/src/wp-content/themes/twentyfifteen
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentyfifteen/rtl.css

    r29892 r29974  
    333333
    334334.comment-author .avatar {
    335     margin-right: auto;
     335    float: right;
     336    margin-right: 0;
    336337    margin-left: 0.4em;
    337338}
    … …  
    488489    }
    489490
    490     .comment-author {
    491         padding-right: 4.1176em;
    492         padding-left: 0;
    493     }
    494 
    495491    .comment-author .avatar {
    496         right: 0;
    497         left: auto;
    498     }
    499 
    500     .comment-metadata {
    501         padding-right: 5em;
    502         padding-left: 0;
     492        margin-left: 1.64705em;
    503493    }
    504494
    … …  
    567557    }
    568558
    569     .comment-author {
    570         padding-right: 4.6315em;
    571         padding-left: 0;
    572     }
    573 
    574     .comment-metadata {
    575         padding-right: 5.5em;
    576         padding-left: 0;
     559    .comment-author .avatar {
     560        margin-left: 1.6842em;
    577561    }
    578562}
    … …  
    648632    }
    649633
    650     .comment-author {
    651         padding-right: 0;
    652         padding-left: 0;
    653     }
    654 
    655634    .comment-author .avatar {
    656         margin-right: auto;
    657         margin-left: 0.4em;
    658     }
    659 
    660     .comment-metadata {
    661         padding-right: 0;
    662         padding-left: 0;
     635        margin-left: 0.8em;
    663636    }
    664637
    … …  
    729702    }
    730703
    731     .comment-author {
    732         padding-right: 4.1176em;
    733         padding-left: 0;
    734     }
    735 
    736704    .comment-author .avatar {
    737         right: 0;
    738         left: auto;
     705        margin-left: 1.64705em;
    739706    }
    740707
    … …  
    742709        right: 6px;
    743710        left: auto;
    744     }
    745 
    746     .comment-metadata {
    747         padding-right: 5em;
    748         padding-left: 0;
    749711    }
    750712}
    … …  
    801763    }
    802764
    803     .comment-author {
    804         padding-right: 4.6315em;
    805         padding-left: 0;
    806     }
    807 
    808     .comment-metadata {
    809         padding-right: 5.5em;
    810         padding-left: 0;
     765    .comment-author .avatar {
     766        margin-left: 1.64705em;
    811767    }
    812768}

  • trunk/src/wp-content/themes/twentyfifteen/style.css

    r29973 r29974  
    21382138.comment-author .avatar {
    21392139    border-radius: 50%;
     2140    float: left;
    21402141    height: 24px;
    2141     margin-right: 0.4em;
     2142    margin-right: 0.8em;
    21422143    width: 24px;
    21432144}
    … …  
    32113212    .comment-author {
    32123213        margin-bottom: 0;
    3213         padding-left: 4.1176em;
    32143214    }
    32153215
    32163216    .comment-author .avatar {
    32173217        height: 42px;
    3218         margin: 0;
    3219         position: absolute;
    3220         top: 3px;
    3221         left: 0;
     3218        margin-right: 1.64705em;
     3219        position: relative;
     3220        top: 5px;
    32223221        width: 42px;
    3223     }
    3224 
    3225     .comment-metadata {
    3226         padding-left: 5em;
    32273222    }
    32283223
    … …  
    37413736    }
    37423737
    3743     .comment-author {
    3744         padding-left: 4.6315em;
    3745     }
    3746 
    37473738    .comment-author .avatar {
    37483739        height: 56px;
     3740        margin-right: 1.6842em;
     3741        top: 3px;
    37493742        width: 56px;
    37503743    }
    … …  
    37523745    .comment-metadata {
    37533746        line-height: 2;
    3754         padding-left: 5.5em;
    37553747    }
    37563748
    … …  
    44094401    .comment-author {
    44104402        margin-bottom: 0.4em;
    4411         padding-left: 0;
    44124403    }
    44134404
    44144405    .comment-author .avatar {
    44154406        height: 24px;
    4416         margin-right: 0.4em;
    4417         position: static;
     4407        margin-right: 0.8em;
     4408        top: 0;
    44184409        width: 24px;
    4419     }
    4420 
    4421     .comment-metadata {
    4422         padding-left: 0;
    44234410    }
    44244411
    … …  
    49264913    .comment-author {
    49274914        margin-bottom: 0;
    4928         padding-left: 4.1176em;
    49294915    }
    49304916
    49314917    .comment-author .avatar {
    49324918        height: 42px;
    4933         margin: 0;
    4934         position: absolute;
    4935         top: 3px;
    4936         left: 0;
     4919        margin-right: 1.64705em;
     4920        top: 5px;
    49374921        width: 42px;
    49384922    }
    … …  
    49414925        top: 7px;
    49424926        left: 6px;
    4943     }
    4944 
    4945     .comment-metadata {
    4946         padding-left: 5em;
    49474927    }
    49484928
    … …  
    54425422    }
    54435423
    5444     .comment-author {
    5445         padding-left: 4.6315em;
    5446     }
    5447 
    54485424    .comment-author .avatar {
    54495425        height: 56px;
     5426        margin-right: 1.6842em;
     5427        top: 3px;
    54505428        width: 56px;
    54515429    }
    … …  
    54535431    .bypostauthor > article .fn:after {
    54545432        top: 8px;
    5455     }
    5456 
    5457     .comment-metadata {
    5458         padding-left: 5.5em;
    54595433    }
    54605434
Note: See TracChangeset for help on using the changeset viewer.