Skip to:
Content

BuddyPress.org

Changeset 4577


Ignore:
Timestamp:
06/30/2011 08:33:09 PM (15 years ago)
Author:
djpaul
Message:

First pass at tidying up comment styling. See #3242. Big props Dennissmolek & hnla

Location:
trunk/bp-themes/bp-default
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • trunk/bp-themes/bp-default/_inc/css/default-rtl.css

    r4545 r4577  
    197197        font-family: sans-serif;
    198198}
     199#respond .comment-avatar-box {
     200        float: right;
     201        margin: 0 0 0 15px;
     202}
    199203div.post-content,
    200204div.comment-content {
    … …  
    309313        float: left;
    310314}
     315.commentlist ul.children {
     316        margin: 15px 70px 15px 0;
     317}
     318.commentlist ul.children ul {
     319        margin: 0 25px 0 0 0;
     320}
     321ol.commentlist #respond {
     322        clear: right;
     323        margin-left: auto;
     324        margin-right: 70px;
     325}
     326div.comment-meta {
     327        float: right;
     328}
    311329div.comment-meta em {
     330        float: left;
     331}
     332div.comment-meta p {
     333        float: right;
     334}
     335div.comment-meta p.comment-reply {
    312336        float: left;
    313337}

  • trunk/bp-themes/bp-default/_inc/css/default.css

    r4575 r4577  
    697697}
    698698ol.commentlist li {
     699        border-top: 1px solid #e4e4e4;
    699700        clear: left;
    700701        list-style: none;
    701702        margin-bottom: 15px;
    702703}
     704ol.commentlist ul.children li {
     705        margin-bottom: 0;
     706}
    703707ol.commentlist div.comment-avatar-box {
    704708        float: left;
    705         margin: 15px 10px 15px 0;
     709        margin: 15px 15px 0 0;
    706710}
    707711.commentlist ul.children div.comment-avatar-box {
    708712        float: left;
    709         margin: 0px 10px 10px 0;
     713        margin: 0px 10px 0 0;
    710714}
    711715div.comment-avatar-box img {
    … …  
    713717}
    714718div.comment-content {
    715         border-top: 1px solid #e4e4e4;
    716         padding-left: 75px;
    717 }
    718 .commentlist .children .comment {
    719         margin-bottom: 5px;
    720 }
    721 div.comment-meta,
    722 div.comment-options {
     719        overflow: hidden;
     720}
     721.comment-entry {
     722        float: left;
     723}
     724ul.children .comment-entry {
     725        margin-bottom: 10px;
     726}
     727div.comment-meta {
    723728        color: #888;
     729        float: left;
    724730        font-size: 11px;
    725731        margin: 15px 0;
     732        width: 100%;
     733}
     734div.comment-meta p {
     735        float: left;
     736        margin-bottom: 0;
     737}
     738div.comment-meta p.comment-reply {
     739        float: right;
    726740}
    727741div.comment-meta em {
    … …  
    781795        -webkit-border-radius: 4px;
    782796        border-radius: 4px;
    783         margin-bottom: 10px;
    784         margin-left: 75px;
    785         padding: 1px 10px;
    786 
     797        margin: 15px 0 15px 70px;
     798        padding: 0 10px;
    787799}
    788800.commentlist ul.children ul {
    789         margin-left: 20px;
    790         margin-bottom: 0;
    791         padding: 5px 0 0 0;
     801        margin: 0 0 0 25px;
    792802}
    793803.commentlist ul.children img.avatar {
    … …  
    797807        width: 25px;
    798808}
    799 .commentlist ul.children div.comment-content {
    800         border-top: none;
    801         padding-left: 35px;
    802 }
    803809.commentlist ul.children div.comment-meta {
    804810        font-size: 11px;
    805         margin-top: 0;
     811        margin: 0 0 10px 0;
    806812}
    807813.commentlist ul.children div.comment-options {
    … …  
    840846        padding: 15px;
    841847}
     848#respond .avb img {
     849        float: inherit;
     850}
     851#respond .comment-avatar-box {
     852        float: left;
     853        margin: 0 15px 0 0;
     854}
    842855#respond .form-submit {
    843856        margin-bottom: 0;
    844857}
    845858ol.commentlist #respond {
    846         margin-left: 75px;
     859        clear: left;
     860        margin-left: 70px;
    847861}
    848862.commentlist ul.children #respond {
    … …  
    853867h3#reply .comments-header {
    854868        font-size: 14px;
    855 }
    856 #respond div.comment-avatar-box {
    857         margin-top: 0;
    858869}
    859870#respond div.comment-content {
    … …  
    16501661        margin-top: 5px;
    16511662}
    1652 .form-allowed-tags,
    16531663.standard-form input[type=text] {
    16541664        width: 75%;
    … …  
    16641674}
    16651675.standard-form#signup_form input[type=text],
    1666 .standard-form#signup_form textarea {
     1676.standard-form#signup_form textarea,
     1677.form-allowed-tags,
     1678#commentform input[type=text],
     1679#commentform textarea {
    16671680        width: 90%;
    16681681}

  • trunk/bp-themes/bp-default/comments.php

    r4131 r4577  
    2828
    2929                <ol class="commentlist">
    30                         <?php wp_list_comments( array( 'callback' => 'bp_dtheme_blog_comments' ) ) ?>
     30                        <?php wp_list_comments( array( 'callback' => 'bp_dtheme_blog_comments', 'type' => 'comment' ) ) ?>
    3131                </ol><!-- .comment-list -->
    3232

  • trunk/bp-themes/bp-default/functions.php

    r4575 r4577  
    422422                $avatar_size = 20;
    423423        ?>
     424
    424425        <li <?php comment_class() ?> id="comment-<?php comment_ID() ?>">
    425426                <div class="comment-avatar-box">
    … …  
    442443
    443444                                        <?php if ( 1 == $depth ) : ?>
    444                                                 &middot; <a href="#comment-<?php comment_ID() ?>"><?php _e( 'View', 'buddypress' ) ?></a>
     445                                                <a href="#comment-<?php comment_ID() ?>"><?php _e( 'View', 'buddypress' ) ?></a>
    445446                                        <?php elseif ( comments_open() ) : ?>
    446                                                 &middot; <?php comment_reply_link( array( 'depth' => $depth, 'max_depth' => $args['max_depth'], 'reply_text' => __( 'Reply', 'buddypress' ) ) ) ?>
     447                                                <?php comment_reply_link( array( 'depth' => $depth, 'max_depth' => $args['max_depth'], 'reply_text' => __( 'Reply', 'buddypress' ) ) ) ?>
    447448                                        <?php endif; ?>
    448449
    449                                         <?php edit_comment_link( __( 'Edit', 'buddypress' ), '&middot; ', '' ); ?>
     450                                        <?php edit_comment_link( __( 'Edit', 'buddypress' ) ); ?>
    450451                                </p>
     452
     453                                <?php if ( 1 == $depth && -1 != $args['max_depth'] && comments_open() ) : ?>
     454                                        <p class="comment-reply"><?php comment_reply_link( array( 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ?></p>
     455                                <?php endif; ?>
    451456                        </div>
    452457
    453                         <?php if ( $comment->comment_approved == '0' ) : ?>
    454                                 <em class="moderate"><?php _e( 'Your comment is awaiting moderation.', 'buddypress' ) ?></em><br />
    455                         <?php endif; ?>
    456 
    457                         <?php comment_text() ?>
    458 
    459                         <?php if ( 1 == $depth && -1 != $args['max_depth'] && comments_open() ) : ?>
    460                                 <div class="comment-options">
    461                                         <?php comment_reply_link( array( 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ?>
    462                                 </div>
    463                         <?php endif; ?>
     458                        <div class="comment-entry">
     459                                <?php if ( $comment->comment_approved == '0' ) : ?>
     460                                        <em class="moderate"><?php _e( 'Your comment is awaiting moderation.', 'buddypress' ); ?></em>
     461                                <?php endif; ?>
     462
     463                                <?php comment_text() ?>
     464                        </div>
     465
    464466                </div>
     467
    465468<?php
    466469}
Note: See TracChangeset for help on using the changeset viewer.