WordPress.org

Make WordPress Core

Ticket #17809: 17809-reply-links.diff

File 17809-reply-links.diff, 2.3 KB (added by iandstewart, 7 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}