WordPress.org
Get WordPress

Make WordPress Core

Changeset 29974


Ignore:
Timestamp:
10/20/2014 07:18:36 PM (12 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.