WordPress.org

Make WordPress Core

Ticket #17809: 17809-reply-links.diff

File 17809-reply-links.diff, 2.3 KB (added by iandstewart, 4 years ago)

Gussied up comment reply links that avoid the collision of the down-arrow and link hover underlines

  • wp-content/themes/twentyeleven/style.css

     
    19461946        top: 2.2em; 
    19471947} 
    19481948a.comment-reply-link { 
     1949        background: #eee; 
     1950        -moz-border-radius: 3px; 
     1951        border-radius: 3px; 
     1952        color: #666; 
     1953        display: inline-block; 
    19491954        font-size: 12px; 
    1950         font-weight: bold; 
     1955        padding: 0px 8px; 
     1956        text-decoration: none; 
    19511957} 
     1958a.comment-reply-link:hover, 
     1959a.comment-reply-link:focus, 
     1960a.comment-reply-link:active { 
     1961        background: #888; 
     1962        color: #fff; 
     1963} 
     1964a.comment-reply-link > span { 
     1965        display: inline-block; 
     1966        position: relative; 
     1967        top: -1px; 
     1968} 
    19521969 
    19531970/* Post author highlighting */ 
    19541971.commentlist > li.bypostauthor { 
  • wp-content/themes/twentyeleven/functions.php

     
    538538                        <div class="comment-content"><?php comment_text(); ?></div> 
    539539 
    540540                        <div class="reply"> 
    541                                 <?php comment_reply_link( array_merge( $args, array( 'reply_text' => __( 'Reply &darr;', 'twentyeleven' ), 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?> 
     541                                <?php comment_reply_link( array_merge( $args, array( 'reply_text' => __( 'Reply <span>&darr;</span>', 'twentyeleven' ), 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?> 
    542542                        </div><!-- .reply --> 
    543543                </article><!-- #comment-## --> 
    544544 
  • wp-content/themes/twentyeleven/colors/dark.css

     
    455455.comment-meta { 
    456456        color: #999; 
    457457} 
     458a.comment-reply-link { 
     459        background: #242424; 
     460        color: #bbb; 
     461} 
     462li.bypostauthor a.comment-reply-link { 
     463        background: #111; 
     464} 
     465a.comment-reply-link:hover, 
     466a.comment-reply-link:focus, 
     467a.comment-reply-link:active, 
     468li.bypostauthor a.comment-reply-link:hover, 
     469li.bypostauthor a.comment-reply-link:focus, 
     470li.bypostauthor a.comment-reply-link:active { 
     471        background: #999; 
     472        color: #000; 
     473} 
    458474.commentlist > li:before { 
    459475        content: url(../images/comment-arrow-dark.png); 
    460476}